# สี #b2d7cc: โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด

#b2d7cc คือ rgb(178, 215, 204) ใน RGB และ oklch(84.931% 0.04191 175.309) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b2d7cc |
| RGB | rgb(178, 215, 204) |
| HSL | hsl(162.16, 31.62%, 77.06%) |
| HSB / HSV | hsv(162.16 17.21% 84.31%) |
| HWB | hwb(162.16 69.8% 15.69%) |
| CMYK | cmyk(17% 0% 5% 16%) |
| Lab | lab(83.06 -14.29 1.17) |
| LCH | lch(83.06 14.34 175.3) |
| OKLab | oklab(84.931% -0.04177 0.00343) |
| OKLCH | oklch(84.931% 0.04191 175.309) |
| Display P3 | color(display-p3 0.7266 0.83884 0.80163) |
| Rec. 2020 | color(rec2020 0.72628 0.81407 0.7794) |
| Adobe RGB | color(a98-rgb 0.73754 0.8389 0.79689) |
| ProPhoto RGB | color(prophoto-rgb 0.71367 0.79009 0.75991) |
| sRGB เชิงเส้น | color(srgb-linear 0.4452 0.67954 0.60383) |
| XYZ D65 | color(xyz-d65 0.53557 0.62425 0.66356) |
| XYZ D50 | color(xyz-d50 0.54226 0.62281 0.50336) |
| SwiftUI | Color(red: 0.698, green: 0.843, blue: 0.8) |
| UIKit | UIColor(red: 0.698, green: 0.843, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFFB2D7CC) |
| Android XML | #B2D7CC |

## ข้อมูล

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

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

#b2d7cc, #badbd1, #c1dfd6, #c9e3db, #d1e7e0, #d9ebe5, #e0efea, #e8f3ef, #f0f7f5, #f7fbfa

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

#b2d7cc, #9abbb1, #839f97, #6d857e, #576b65, #43524e, #2f3b37, #1d2522, #0c110f, #010202

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

#b2d7cc, #b5d6cc, #b8d5cc, #bbd4cc, #bdd3cd, #c0d2cd, #c3d1cd, #c6d0cd, #c8cfcd, #cbcecd

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

- คู่ตรงข้าม: #b2d7cc, #e5c3cf
- คู่ตรงข้ามแยก: #b2d7cc, #dcc5dd, #e8c4c0
- ข้างเคียง: #b2d7cc, #bdd5bd, #afd6db
- สามเส้า: #b2d7cc, #cfc9e7, #e4c7b4
- สี่เหลี่ยมผืนผ้า: #b2d7cc, #b4d3e6, #e5c3cf, #e4c7b4
- สี่เหลี่ยมจัตุรัส: #b2d7cc, #c0ceea, #e5c3cf, #daccaf
- โทนสีเดียว: #b2d7cc, #698c82, #8db1a6, #d9fff3, #d9fff4

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

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

#b2d7cc เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(178, 215, 204) ใน HSL คือ hsl(162.16, 31.62%, 77.06%) และใน OKLCH คือ oklch(84.931% 0.04191 175.309)

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

สีตรงข้ามของ #b2d7cc คือ #e5c3cf หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #bdd5bd และ #afd6db ส่วนสีสามเส้าคือ #cfc9e7 และ #e4c7b4

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

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

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

#b2d7cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 175 องศา ความสว่าง 84.9% และความสด 0.042