# สี #abc6e2: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน

#abc6e2 คือ rgb(171, 198, 226) ใน RGB และ oklch(81.572% 0.04928 249.386) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abc6e2 |
| RGB | rgb(171, 198, 226) |
| HSL | hsl(210.55, 48.67%, 77.84%) |
| HSB / HSV | hsv(210.55 24.34% 88.63%) |
| HWB | hwb(210.55 67.06% 11.37%) |
| CMYK | cmyk(24% 12% 0% 11%) |
| Lab | lab(78.55 -4.82 -17.19) |
| LCH | lch(78.55 17.85 254.33) |
| OKLab | oklab(81.572% -0.01735 -0.04612) |
| OKLCH | oklch(81.572% 0.04928 249.386) |
| Display P3 | color(display-p3 0.69094 0.77326 0.87577) |
| Rec. 2020 | color(rec2020 0.68662 0.74485 0.85924) |
| Adobe RGB | color(a98-rgb 0.697 0.77118 0.87869) |
| ProPhoto RGB | color(prophoto-rgb 0.68709 0.72082 0.84056) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.56471 0.76052) |
| XYZ D65 | color(xyz-d65 0.50713 0.54536 0.79809) |
| XYZ D50 | color(xyz-d50 0.5039 0.54155 0.60358) |
| SwiftUI | Color(red: 0.671, green: 0.776, blue: 0.886) |
| UIKit | UIColor(red: 0.671, green: 0.776, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFABC6E2) |
| Android XML | #ABC6E2 |

## ข้อมูล

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

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

#abc6e2, #b3cce5, #bcd1e8, #c4d7eb, #ccddee, #d5e2f1, #dde8f4, #e5eef7, #eef4f9, #f6f9fc

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

#abc6e2, #94acc4, #7e92a8, #687a8c, #546271, #404b57, #2d353e, #1b2127, #0b0e12, #010203

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

#abc6e2, #adc6df, #b0c5dc, #b2c5d9, #b5c5d6, #b7c4d2, #b9c4cf, #bcc4cc, #bec3c9, #c0c3c6

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

- คู่ตรงข้าม: #abc6e2, #d8bea1
- คู่ตรงข้ามแยก: #abc6e2, #e0b9ab, #cac4a0
- ข้างเคียง: #abc6e2, #a0cbd9, #bbc0e3
- สามเส้า: #abc6e2, #e0b6bc, #b9caa8
- สี่เหลี่ยมผืนผ้า: #abc6e2, #ccbbdb, #d8bea1, #b9caa8
- สี่เหลี่ยมจัตุรัส: #abc6e2, #d9b7cd, #d8bea1, #a8cdb8
- โทนสีเดียว: #abc6e2, #637c95, #86a0bb, #d1edff, #e3f8ff

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

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

#abc6e2 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(171, 198, 226) ใน HSL คือ hsl(210.55, 48.67%, 77.84%) และใน OKLCH คือ oklch(81.572% 0.04928 249.386)

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

สีตรงข้ามของ #abc6e2 คือ #d8bea1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a0cbd9 และ #bbc0e3 ส่วนสีสามเส้าคือ #e0b6bc และ #b9caa8

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

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

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

#abc6e2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 81.6% และความสด 0.049