# สี #9fcfd9: โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว

#9fcfd9 คือ rgb(159, 207, 217) ใน RGB และ oklch(82.405% 0.05191 211.832) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9fcfd9 |
| RGB | rgb(159, 207, 217) |
| HSL | hsl(190.34, 43.28%, 73.73%) |
| HSB / HSV | hsv(190.34 26.73% 85.1%) |
| HWB | hwb(190.34 62.35% 14.9%) |
| CMYK | cmyk(27% 5% 0% 15%) |
| Lab | lab(79.98 -14.51 -10.37) |
| LCH | lch(79.98 17.84 215.54) |
| OKLab | oklab(82.405% -0.0441 -0.02738) |
| OKLCH | oklch(82.405% 0.05191 211.832) |
| Display P3 | color(display-p3 0.66212 0.80641 0.84497) |
| Rec. 2020 | color(rec2020 0.6705 0.7779 0.8261) |
| Adobe RGB | color(a98-rgb 0.67818 0.80697 0.84529) |
| ProPhoto RGB | color(prophoto-rgb 0.67054 0.75199 0.807) |
| sRGB เชิงเส้น | color(srgb-linear 0.3467 0.62396 0.69387) |
| XYZ D65 | color(xyz-d65 0.49133 0.57005 0.74062) |
| XYZ D50 | color(xyz-d50 0.49078 0.56651 0.5609) |
| SwiftUI | Color(red: 0.624, green: 0.812, blue: 0.851) |
| UIKit | UIColor(red: 0.624, green: 0.812, blue: 0.851, alpha: 1) |
| Flutter / Compose | Color(0xFF9FCFD9) |
| Android XML | #9FCFD9 |

## ข้อมูล

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

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

#9fcfd9, #a9d4dd, #b3d9e1, #bcdde4, #c6e2e8, #cfe7ec, #d9ecf0, #e2f1f4, #ecf5f7, #f5fafb

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

#9fcfd9, #8ab4bc, #7599a1, #617f86, #4d676c, #3b4f53, #29383b, #182325, #091011, #010202

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

#9fcfd9, #a3ced7, #a7cdd5, #abccd3, #afcbd1, #b3cacf, #b7c9cd, #bbc8cb, #bec7c9, #c2c6c7

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

- คู่ตรงข้าม: #9fcfd9, #e5bab1
- คู่ตรงข้ามแยก: #9fcfd9, #e3b8c3, #dfbfa4
- ข้างเคียง: #9fcfd9, #a1d1c8, #a9cae5
- สามเส้า: #9fcfd9, #dabad5, #d1c5a0
- สี่เหลี่ยมผืนผ้า: #9fcfd9, #b9c4e8, #e5bab1, #d1c5a0
- สี่เหลี่ยมจัตุรัส: #9fcfd9, #cbbee2, #e5bab1, #bfcba6
- โทนสีเดียว: #9fcfd9, #56848d, #7aa9b2, #c5f7ff, #ceffff

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

### #9fcfd9 คือสีอะไร

#9fcfd9 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(159, 207, 217) ใน HSL คือ hsl(190.34, 43.28%, 73.73%) และใน OKLCH คือ oklch(82.405% 0.05191 211.832)

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

สีตรงข้ามของ #9fcfd9 คือ #e5bab1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a1d1c8 และ #a9cae5 ส่วนสีสามเส้าคือ #dabad5 และ #d1c5a0

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

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

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

#9fcfd9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 212 องศา ความสว่าง 82.4% และความสด 0.052