# สี #b2ccd7: โทนพาสเทล เฉดอ่อนของสีฟ้า

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b2ccd7 |
| RGB | rgb(178, 204, 215) |
| HSL | hsl(197.84, 31.62%, 77.06%) |
| HSB / HSV | hsv(197.84 17.21% 84.31%) |
| HWB | hwb(197.84 69.8% 15.69%) |
| CMYK | cmyk(17% 5% 0% 16%) |
| Lab | lab(80.35 -7.33 -8.59) |
| LCH | lch(80.35 11.29 229.54) |
| OKLab | oklab(82.933% -0.02255 -0.02269) |
| OKLCH | oklch(82.933% 0.03199 225.182) |
| Display P3 | color(display-p3 0.71753 0.79689 0.83789) |
| Rec. 2020 | color(rec2020 0.71091 0.77012 0.81812) |
| Adobe RGB | color(a98-rgb 0.72325 0.79502 0.83714) |
| ProPhoto RGB | color(prophoto-rgb 0.70316 0.74618 0.79832) |
| sRGB เชิงเส้น | color(srgb-linear 0.4452 0.60383 0.67954) |
| XYZ D65 | color(xyz-d65 0.52216 0.57556 0.72651) |
| XYZ D50 | color(xyz-d50 0.52393 0.57312 0.55008) |
| SwiftUI | Color(red: 0.698, green: 0.8, blue: 0.843) |
| UIKit | UIColor(red: 0.698, green: 0.8, blue: 0.843, alpha: 1) |
| Flutter / Compose | Color(0xFFB2CCD7) |
| Android XML | #B2CCD7 |

## ข้อมูล

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

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

#b2ccd7, #bad1db, #c1d6df, #c9dbe3, #d1e0e7, #d8e5eb, #e0eaef, #e8f0f3, #eff5f7, #f7fafb

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

#b2ccd7, #9ab1bb, #83979f, #6d7e85, #57656b, #434e52, #2f373b, #1d2225, #0c0f11, #010202

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

#b2ccd7, #b4ccd5, #b6cbd4, #b9cbd2, #bbcad1, #bdcacf, #bfc9cd, #c1c8cc, #c3c8ca, #c5c7c9

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

- คู่ตรงข้าม: #b2ccd7, #dac1b6
- คู่ตรงข้ามแยก: #b2ccd7, #dbbfc0, #d4c5b1
- ข้างเคียง: #b2ccd7, #b0cecd, #bac9dc
- สามเส้า: #b2ccd7, #d7bfcc, #cac9b1
- สี่เหลี่ยมผืนผ้า: #b2ccd7, #c4c5dc, #dac1b6, #cac9b1
- สี่เหลี่ยมจัตุรัส: #b2ccd7, #cfc1d6, #dac1b6, #beccb8
- โทนสีเดียว: #b2ccd7, #69818c, #8da6b1, #d9f3ff, #dffaff

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

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

#b2ccd7 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(178, 204, 215) ใน HSL คือ hsl(197.84, 31.62%, 77.06%) และใน OKLCH คือ oklch(82.933% 0.03199 225.182)

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

สีตรงข้ามของ #b2ccd7 คือ #dac1b6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b0cecd และ #bac9dc ส่วนสีสามเส้าคือ #d7bfcc และ #cac9b1

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

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

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

#b2ccd7 เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 82.9% และความสด 0.032