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

#abdef4 คือ rgb(171, 222, 244) ใน RGB และ oklch(87.243% 0.06071 226.235) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abdef4 |
| RGB | rgb(171, 222, 244) |
| HSL | hsl(198.08, 76.84%, 81.37%) |
| HSB / HSV | hsv(198.08 29.92% 95.69%) |
| HWB | hwb(198.08 67.06% 4.31%) |
| CMYK | cmyk(30% 9% 0% 4%) |
| Lab | lab(85.46 -13.24 -16.42) |
| LCH | lch(85.46 21.09 231.11) |
| OKLab | oklab(87.243% -0.04199 -0.04384) |
| OKLCH | oklch(87.243% 0.06071 226.235) |
| Display P3 | color(display-p3 0.71156 0.8649 0.94696) |
| Rec. 2020 | color(rec2020 0.73046 0.84305 0.93917) |
| Adobe RGB | color(a98-rgb 0.72921 0.86692 0.95201) |
| ProPhoto RGB | color(prophoto-rgb 0.74161 0.82257 0.92895) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.73046 0.90466) |
| XYZ D65 | color(xyz-d65 0.59242 0.67431 0.95485) |
| XYZ D50 | color(xyz-d50 0.58836 0.66911 0.7226) |
| SwiftUI | Color(red: 0.671, green: 0.871, blue: 0.957) |
| UIKit | UIColor(red: 0.671, green: 0.871, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFFABDEF4) |
| Android XML | #ABDEF4 |

## ข้อมูล

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

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

#abdef4, #b4e1f5, #bce5f6, #c5e8f8, #cdebf9, #d6effa, #def2fb, #e6f5fc, #eff9fd, #f7fcfe

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

#abdef4, #94c1d4, #7ea5b5, #688997, #546f7a, #40555e, #2d3d44, #1b262b, #0b1214, #010203

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

#abdef4, #b0ddf1, #b4dcee, #b9dbeb, #bddbe8, #c1dae5, #c5d9e1, #c9d8de, #cdd7db, #d1d6d8

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

- คู่ตรงข้าม: #abdef4, #f8c9b4
- คู่ตรงข้ามแยก: #abdef4, #fbc6c7, #ecd0a9
- ข้างเคียง: #abdef4, #a6e2e2, #bcd7fd
- สามเส้า: #abdef4, #f4c6dd, #dad8aa
- สี่เหลี่ยมผืนผ้า: #abdef4, #d1d0fc, #f8c9b4, #dad8aa
- สี่เหลี่ยมจัตุรัส: #abdef4, #e5c9f0, #f8c9b4, #c3dfb7
- โทนสีเดียว: #abdef4, #6192a6, #85b7cc, #d5fcff, #d5fcff

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

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

#abdef4 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(171, 222, 244) ใน HSL คือ hsl(198.08, 76.84%, 81.37%) และใน OKLCH คือ oklch(87.243% 0.06071 226.235)

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

สีตรงข้ามของ #abdef4 คือ #f8c9b4 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6e2e2 และ #bcd7fd ส่วนสีสามเส้าคือ #f4c6dd และ #dad8aa

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

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

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

#abdef4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 226 องศา ความสว่าง 87.2% และความสด 0.061