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

#9ab2bf คือ rgb(154, 178, 191) ใน RGB และ oklch(74.955% 0.03245 231.482) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ab2bf |
| RGB | rgb(154, 178, 191) |
| HSL | hsl(201.08, 22.42%, 67.65%) |
| HSB / HSV | hsv(201.08 19.37% 74.9%) |
| HWB | hwb(201.08 60.39% 25.1%) |
| CMYK | cmyk(19% 7% 0% 25%) |
| Lab | lab(71.05 -6.44 -9.57) |
| LCH | lch(71.05 11.53 236.06) |
| OKLab | oklab(74.955% -0.02021 -0.02539) |
| OKLCH | oklch(74.955% 0.03245 231.482) |
| Display P3 | color(display-p3 0.62199 0.69518 0.74329) |
| Rec. 2020 | color(rec2020 0.60509 0.6586 0.71341) |
| Adobe RGB | color(a98-rgb 0.62676 0.69214 0.74141) |
| ProPhoto RGB | color(prophoto-rgb 0.59373 0.63 0.68698) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.4452 0.521) |
| XYZ D65 | color(xyz-d65 0.38649 0.42472 0.55454) |
| XYZ D50 | color(xyz-d50 0.38692 0.42264 0.41976) |
| SwiftUI | Color(red: 0.604, green: 0.698, blue: 0.749) |
| UIKit | UIColor(red: 0.604, green: 0.698, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF9AB2BF) |
| Android XML | #9AB2BF |

## ข้อมูล

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

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

#9ab2bf, #a4b9c5, #aec1cc, #b8c9d2, #c2d0d8, #ccd8df, #d6e0e5, #e0e7ec, #eaeff2, #f5f7f8

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

#9ab2bf, #859aa6, #71838d, #5e6d75, #4b575e, #394348, #272f33, #171d1f, #090c0d, #010102

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

#9ab2bf, #9cb2bd, #9eb1bc, #a0b1ba, #a2b0b8, #a4b0b6, #a6afb5, #a8afb3, #aaafb1, #acaeaf

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

- คู่ตรงข้าม: #9ab2bf, #bfa99c
- คู่ตรงข้ามแยก: #9ab2bf, #c2a6a5, #b8ac97
- ข้างเคียง: #9ab2bf, #97b4b6, #a3aec3
- สามเส้า: #9ab2bf, #bfa6b0, #aeb099
- สี่เหลี่ยมผืนผ้า: #9ab2bf, #adabc1, #bfa99c, #aeb099
- สี่เหลี่ยมจัตุรัส: #9ab2bf, #b8a7ba, #bfa99c, #a3b3a0
- โทนสีเดียว: #9ab2bf, #536a75, #768d99, #c0d8e6, #e0faff

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

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

#9ab2bf เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(154, 178, 191) ใน HSL คือ hsl(201.08, 22.42%, 67.65%) และใน OKLCH คือ oklch(74.955% 0.03245 231.482)

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

สีตรงข้ามของ #9ab2bf คือ #bfa99c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #97b4b6 และ #a3aec3 ส่วนสีสามเส้าคือ #bfa6b0 และ #aeb099

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

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

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

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