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

#9cb7bf คือ rgb(156, 183, 191) ใน RGB และ oklch(76.171% 0.03168 217.569) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cb7bf |
| RGB | rgb(156, 183, 191) |
| HSL | hsl(193.71, 21.47%, 68.04%) |
| HSB / HSV | hsv(193.71 18.32% 74.9%) |
| HWB | hwb(193.71 61.18% 25.1%) |
| CMYK | cmyk(18% 4% 0% 25%) |
| Lab | lab(72.56 -8.25 -7.33) |
| LCH | lch(72.56 11.04 221.61) |
| OKLab | oklab(76.171% -0.02511 -0.01931) |
| OKLCH | oklch(76.171% 0.03168 217.569) |
| Display P3 | color(display-p3 0.63225 0.71445 0.74472) |
| Rec. 2020 | color(rec2020 0.61787 0.67907 0.7153) |
| Adobe RGB | color(a98-rgb 0.63836 0.71183 0.74217) |
| ProPhoto RGB | color(prophoto-rgb 0.60567 0.65037 0.68959) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.47353 0.521) |
| XYZ D65 | color(xyz-d65 0.40046 0.44696 0.55809) |
| XYZ D50 | color(xyz-d50 0.4019 0.44502 0.42264) |
| SwiftUI | Color(red: 0.612, green: 0.718, blue: 0.749) |
| UIKit | UIColor(red: 0.612, green: 0.718, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF9CB7BF) |
| Android XML | #9CB7BF |

## ข้อมูล

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

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

#9cb7bf, #a6bec5, #afc5cc, #b9ccd2, #c3d3d8, #cddbdf, #d7e2e5, #e1e9eb, #ebf0f2, #f5f8f8

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

#9cb7bf, #879fa6, #73878d, #5f7075, #4c5a5e, #394548, #283133, #181e1f, #090c0d, #010202

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

#9cb7bf, #9eb6be, #a1b6bc, #a3b5bb, #a5b5ba, #a7b4b8, #a9b4b7, #abb3b6, #adb3b4, #afb2b3

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

- คู่ตรงข้าม: #9cb7bf, #c5aba3
- คู่ตรงข้ามแยก: #9cb7bf, #c5aaae, #c0ae9d
- ข้างเคียง: #9cb7bf, #9cb9b5, #a2b4c5
- สามเส้า: #9cb7bf, #c0aab9, #b7b29c
- สี่เหลี่ยมผืนผ้า: #9cb7bf, #acb0c6, #c5aba3, #b7b29c
- สี่เหลี่ยมจัตุรัส: #9cb7bf, #b7adc2, #c5aba3, #acb6a0
- โทนสีเดียว: #9cb7bf, #556e76, #789299, #c2dee6, #dffbff

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

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

#9cb7bf เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(156, 183, 191) ใน HSL คือ hsl(193.71, 21.47%, 68.04%) และใน OKLCH คือ oklch(76.171% 0.03168 217.569)

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

สีตรงข้ามของ #9cb7bf คือ #c5aba3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9cb9b5 และ #a2b4c5 ส่วนสีสามเส้าคือ #c0aab9 และ #b7b29c

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

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

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

#9cb7bf เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 76.2% และความสด 0.032