# สี #9fbbd2: โทนตุ่น เฉดอ่อนของสีฟ้า

#9fbbd2 คือ rgb(159, 187, 210) ใน RGB และ oklch(77.878% 0.04492 243.092) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9fbbd2 |
| RGB | rgb(159, 187, 210) |
| HSL | hsl(207.06, 36.17%, 72.35%) |
| HSB / HSV | hsv(207.06 24.29% 82.35%) |
| HWB | hwb(207.06 62.35% 17.65%) |
| CMYK | cmyk(24% 11% 0% 18%) |
| Lab | lab(74.35 -6.02 -14.96) |
| LCH | lch(74.35 16.13 248.09) |
| OKLab | oklab(77.878% -0.02033 -0.04005) |
| OKLCH | oklch(77.878% 0.04492 243.092) |
| Display P3 | color(display-p3 0.64481 0.73003 0.81451) |
| Rec. 2020 | color(rec2020 0.63593 0.69685 0.79147) |
| Adobe RGB | color(a98-rgb 0.65133 0.72762 0.81541) |
| ProPhoto RGB | color(prophoto-rgb 0.63228 0.66998 0.7682) |
| sRGB เชิงเส้น | color(srgb-linear 0.3467 0.49693 0.64448) |
| XYZ D65 | color(xyz-d65 0.43699 0.47564 0.67853) |
| XYZ D50 | color(xyz-d50 0.43479 0.47245 0.51329) |
| SwiftUI | Color(red: 0.624, green: 0.733, blue: 0.824) |
| UIKit | UIColor(red: 0.624, green: 0.733, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF9FBBD2) |
| Android XML | #9FBBD2 |

## ข้อมูล

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

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

#9fbbd2, #a8c2d7, #b2c8db, #bbcfe0, #c5d6e4, #cedde9, #d8e3ed, #e2eaf2, #ebf1f6, #f5f8fb

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

#9fbbd2, #8aa2b6, #758a9b, #617381, #4d5c68, #3b4650, #293239, #181f24, #090d10, #010202

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

#9fbbd2, #a2bbcf, #a4bacd, #a6baca, #a9b9c7, #abb9c5, #aeb9c2, #b0b8bf, #b2b8bc, #b5b7ba

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

- คู่ตรงข้าม: #9fbbd2, #ccb19a
- คู่ตรงข้ามแยก: #9fbbd2, #d2ada5, #c1b797
- ข้างเคียง: #9fbbd2, #97bfc8, #adb6d5
- สามเส้า: #9fbbd2, #d1acb4, #b1bc9d
- สี่เหลี่ยมผืนผ้า: #9fbbd2, #bdb1cf, #ccb19a, #b1bc9d
- สี่เหลี่ยมจัตุรัส: #9fbbd2, #c9adc3, #ccb19a, #a2c0aa
- โทนสีเดียว: #9fbbd2, #587287, #7b96ac, #c5e2fa, #e0f9ff

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

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

#9fbbd2 เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(159, 187, 210) ใน HSL คือ hsl(207.06, 36.17%, 72.35%) และใน OKLCH คือ oklch(77.878% 0.04492 243.092)

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

สีตรงข้ามของ #9fbbd2 คือ #ccb19a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #97bfc8 และ #adb6d5 ส่วนสีสามเส้าคือ #d1acb4 และ #b1bc9d

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

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

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

#9fbbd2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 243 องศา ความสว่าง 77.9% และความสด 0.045