# สี #bce5bb: โทนพาสเทล เฉดอ่อนมากของสีเขียว

#bce5bb คือ rgb(188, 229, 187) ใน RGB และ oklch(88.16% 0.07129 144.329) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/color/bce5bb

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bce5bb |
| RGB | rgb(188, 229, 187) |
| HSL | hsl(118.57, 44.68%, 81.57%) |
| HSB / HSV | hsv(118.57 18.34% 89.8%) |
| HWB | hwb(118.57 73.33% 10.2%) |
| CMYK | cmyk(18% 0% 18% 10%) |
| Lab | lab(87.18 -19.74 15.96) |
| LCH | lch(87.18 25.39 141.04) |
| OKLab | oklab(88.16% -0.05791 0.04157) |
| OKLCH | oklch(88.16% 0.07129 144.329) |
| Display P3 | color(display-p3 0.76906 0.8933 0.74695) |
| Rec. 2020 | color(rec2020 0.77099 0.8728 0.72136) |
| Adobe RGB | color(a98-rgb 0.78233 0.89501 0.73542) |
| ProPhoto RGB | color(prophoto-rgb 0.74923 0.85094 0.70334) |
| sRGB เชิงเส้น | color(srgb-linear 0.50289 0.78354 0.49693) |
| XYZ D65 | color(xyz-d65 0.57725 0.70317 0.57547) |
| XYZ D50 | color(xyz-d50 0.59217 0.70372 0.43793) |
| SwiftUI | Color(red: 0.737, green: 0.898, blue: 0.733) |
| UIKit | UIColor(red: 0.737, green: 0.898, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFFBCE5BB) |
| Android XML | #BCE5BB |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนพาสเทล เฉดอ่อนมากของสีเขียว
- กลุ่มสี: สีเขียว, โทนพาสเทล เฉดอ่อนมากของสีเขียว
- คลาส Tailwind ที่ใกล้ที่สุด: emerald-200
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 1.39:1
- คอนทราสต์กับสีดำ: 15.06:1

## สีผสมขาว (Tint)

#bce5bb, #c3e8c2, #caeac9, #d0edcf, #d7f0d6, #def2dd, #e4f5e4, #ebf7eb, #f2faf1, #f8fcf8

## สีผสมดำ (Shade)

#bce5bb, #a3c7a2, #8baa8a, #738e73, #5d725c, #475846, #323f32, #1f281f, #0d120d, #020302

## สีผสมเทา (Tone)

#bce5bb, #bfe4be, #c2e2c1, #c5e1c4, #c8e0c7, #cadfca, #cdddcd, #d0dccf, #d3dbd2, #d5d9d5

## ชุดสีที่เข้ากัน

- คู่ตรงข้าม: #bce5bb, #f0c9f3
- คู่ตรงข้ามแยก: #bce5bb, #dad0ff, #ffc5db
- ข้างเคียง: #bce5bb, #d7dea8, #a6e8d5
- สามเส้า: #bce5bb, #c1d8ff, #ffc6c1
- สี่เหลี่ยมผืนผ้า: #bce5bb, #9fe6ee, #f0c9f3, #ffc6c1
- สี่เหลี่ยมจัตุรัส: #bce5bb, #aae1ff, #f0c9f3, #feccac
- โทนสีเดียว: #bce5bb, #729871, #96be95, #d9ffd8, #d9ffd8

## คำถามเกี่ยวกับ #bce5bb

### #bce5bb คือสีอะไร

#bce5bb เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียว ใน RGB คือ rgb(188, 229, 187) ใน HSL คือ hsl(118.57, 44.68%, 81.57%) และใน OKLCH คือ oklch(88.16% 0.07129 144.329)

### สีอะไรเข้ากับ #bce5bb

สีตรงข้ามของ #bce5bb คือ #f0c9f3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #d7dea8 และ #a6e8d5 ส่วนสีสามเส้าคือ #c1d8ff และ #ffc6c1

### ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #bce5bb

ตัวอักษรสีดำอ่านง่ายกว่าบน #bce5bb: สีขาวให้อัตราคอนทราสต์ 1.39:1 และสีดำให้ 15.06:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

### #bce5bb เป็นสีโทนร้อนหรือโทนเย็น

#bce5bb เป็นสีโทนกลาง ใน OKLCH มีฮิว 144 องศา ความสว่าง 88.2% และความสด 0.071
