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

#b3ecc2 คือ rgb(179, 236, 194) ใน RGB และ oklch(89.285% 0.08174 152.654) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b3ecc2 |
| RGB | rgb(179, 236, 194) |
| HSL | hsl(135.79, 60%, 81.37%) |
| HSB / HSV | hsv(135.79 24.15% 92.55%) |
| HWB | hwb(135.79 70.2% 7.45%) |
| CMYK | cmyk(24% 0% 18% 7%) |
| Lab | lab(88.65 -24.99 14.3) |
| LCH | lch(88.65 28.79 150.22) |
| OKLab | oklab(89.285% -0.07261 0.03755) |
| OKLCH | oklch(89.285% 0.08174 152.654) |
| Display P3 | color(display-p3 0.74817 0.91919 0.77335) |
| Rec. 2020 | color(rec2020 0.76261 0.89976 0.75051) |
| Adobe RGB | color(a98-rgb 0.76907 0.92318 0.76311) |
| ProPhoto RGB | color(prophoto-rgb 0.74688 0.87861 0.73405) |
| sRGB เชิงเส้น | color(srgb-linear 0.45079 0.8388 0.53948) |
| XYZ D65 | color(xyz-d65 0.58321 0.73468 0.62149) |
| XYZ D50 | color(xyz-d50 0.59682 0.73432 0.47295) |
| SwiftUI | Color(red: 0.702, green: 0.925, blue: 0.761) |
| UIKit | UIColor(red: 0.702, green: 0.925, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFFB3ECC2) |
| Android XML | #B3ECC2 |

## ข้อมูล

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

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

#b3ecc2, #bbeec8, #c3f0ce, #cbf2d4, #d2f4da, #daf6e0, #e1f8e7, #e9faed, #f0fbf3, #f8fdf9

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

#b3ecc2, #9bcda8, #84af8f, #6e9277, #587660, #435b49, #2f4234, #1d2920, #0c130e, #010302

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

#b3ecc2, #b7eac5, #bce9c7, #c0e7ca, #c4e6cc, #c8e4cf, #cce2d1, #d0e1d4, #d4dfd7, #d8ddd9

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

- คู่ตรงข้าม: #b3ecc2, #fdc8f3
- คู่ตรงข้ามแยก: #b3ecc2, #e6cfff, #ffc6d7
- ข้างเคียง: #b3ecc2, #d2e5a9, #9deee0
- สามเส้า: #b3ecc2, #cbd9ff, #ffc9ba
- สี่เหลี่ยมผืนผ้า: #b3ecc2, #9aebfc, #fdc8f3, #ffc9ba
- สี่เหลี่ยมจัตุรัส: #b3ecc2, #ade3ff, #fdc8f3, #ffd0a4
- โทนสีเดียว: #b3ecc2, #689f78, #8dc59c, #ccffdb, #ccffdb

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

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

#b3ecc2 เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียว ใน RGB คือ rgb(179, 236, 194) ใน HSL คือ hsl(135.79, 60%, 81.37%) และใน OKLCH คือ oklch(89.285% 0.08174 152.654)

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

สีตรงข้ามของ #b3ecc2 คือ #fdc8f3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #d2e5a9 และ #9deee0 ส่วนสีสามเส้าคือ #cbd9ff และ #ffc9ba

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

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

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

#b3ecc2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 153 องศา ความสว่าง 89.3% และความสด 0.082