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

#adcbe2 คือ rgb(173, 203, 226) ใน RGB และ oklch(82.751% 0.04572 241.158) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #adcbe2 |
| RGB | rgb(173, 203, 226) |
| HSL | hsl(206.04, 47.75%, 78.24%) |
| HSB / HSV | hsv(206.04 23.45% 88.63%) |
| HWB | hwb(206.04 67.84% 11.37%) |
| CMYK | cmyk(23% 10% 0% 11%) |
| Lab | lab(80.02 -6.64 -14.98) |
| LCH | lch(80.02 16.39 246.1) |
| OKLab | oklab(82.751% -0.02205 -0.04004) |
| OKLCH | oklch(82.751% 0.04572 241.158) |
| Display P3 | color(display-p3 0.70122 0.79253 0.8771) |
| Rec. 2020 | color(rec2020 0.69945 0.76545 0.86101) |
| Adobe RGB | color(a98-rgb 0.70871 0.79104 0.8794) |
| ProPhoto RGB | color(prophoto-rgb 0.69928 0.74182 0.84312) |
| sRGB เชิงเส้น | color(srgb-linear 0.41789 0.5972 0.76052) |
| XYZ D65 | color(xyz-d65 0.52314 0.57086 0.80216) |
| XYZ D50 | color(xyz-d50 0.52105 0.56721 0.60689) |
| SwiftUI | Color(red: 0.678, green: 0.796, blue: 0.886) |
| UIKit | UIColor(red: 0.678, green: 0.796, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFADCBE2) |
| Android XML | #ADCBE2 |

## ข้อมูล

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

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

#adcbe2, #b5d0e5, #bdd5e8, #c5dbeb, #cee0ee, #d6e5f1, #deeaf4, #e6eff6, #eef5f9, #f7fafc

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

#adcbe2, #96b0c4, #7f96a8, #6a7d8c, #556571, #414d57, #2d373e, #1b2227, #0b0f12, #010203

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

#adcbe2, #b0cbdf, #b2cadd, #b5cada, #b7c9d7, #bac9d4, #bdc8d2, #bfc8cf, #c1c7cc, #c4c7c9

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

- คู่ตรงข้าม: #adcbe2, #ddc0a9
- คู่ตรงข้ามแยก: #adcbe2, #e3bcb5, #d1c6a5
- ข้างเคียง: #adcbe2, #a5cfd7, #bbc6e5
- สามเส้า: #adcbe2, #e1bbc4, #c2ccab
- สี่เหลี่ยมผืนผ้า: #adcbe2, #cbc0e0, #ddc0a9, #c2ccab
- สี่เหลี่ยมจัตุรัส: #adcbe2, #d9bcd4, #ddc0a9, #b2cfb8
- โทนสีเดียว: #adcbe2, #648096, #88a5bb, #d3f2ff, #dff9ff

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

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

#adcbe2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(173, 203, 226) ใน HSL คือ hsl(206.04, 47.75%, 78.24%) และใน OKLCH คือ oklch(82.751% 0.04572 241.158)

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

สีตรงข้ามของ #adcbe2 คือ #ddc0a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a5cfd7 และ #bbc6e5 ส่วนสีสามเส้าคือ #e1bbc4 และ #c2ccab

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

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

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

#adcbe2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 241 องศา ความสว่าง 82.8% และความสด 0.046