# สี #99a3bb: โทนตุ่น เฉดอ่อนของสีน้ำเงิน

#99a3bb คือ rgb(153, 163, 187) ใน RGB และ oklch(71.551% 0.03677 267.511) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #99a3bb |
| RGB | rgb(153, 163, 187) |
| HSL | hsl(222.35, 20%, 66.67%) |
| HSB / HSV | hsv(222.35 18.18% 73.33%) |
| HWB | hwb(222.35 60% 26.67%) |
| CMYK | cmyk(18% 13% 0% 27%) |
| Lab | lab(66.79 0.17 -13.69) |
| LCH | lch(66.79 13.69 270.7) |
| OKLab | oklab(71.551% -0.0016 -0.03674) |
| OKLCH | oklch(71.551% 0.03677 267.511) |
| Display P3 | color(display-p3 0.6072 0.63796 0.725) |
| Rec. 2020 | color(rec2020 0.57899 0.59869 0.69264) |
| Adobe RGB | color(a98-rgb 0.60581 0.63336 0.72403) |
| ProPhoto RGB | color(prophoto-rgb 0.56634 0.57146 0.66402) |
| sRGB เชิงเส้น | color(srgb-linear 0.31855 0.36625 0.49693) |
| XYZ D65 | color(xyz-d65 0.35202 0.36554 0.52216) |
| XYZ D50 | color(xyz-d50 0.35107 0.36356 0.39485) |
| SwiftUI | Color(red: 0.6, green: 0.639, blue: 0.733) |
| UIKit | UIColor(red: 0.6, green: 0.639, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF99A3BB) |
| Android XML | #99A3BB |

## ข้อมูล

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

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

#99a3bb, #a3acc2, #adb5c8, #b7becf, #c1c7d6, #cbd0dd, #d5d9e4, #dfe3ea, #eaecf1, #f4f6f8

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

#99a3bb, #848da2, #70788a, #5d6373, #4a4f5c, #383c46, #272a32, #17191f, #080a0d, #010102

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

#99a3bb, #9aa3b9, #9ba3b6, #9ca3b4, #9da3b2, #9ea3af, #9fa3ad, #a0a3aa, #a1a3a8, #a2a3a5

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

- คู่ตรงข้าม: #99a3bb, #ada28a
- คู่ตรงข้ามแยก: #99a3bb, #b69e8d, #a1a78d
- ข้างเคียง: #99a3bb, #8ea7b8, #a59fb8
- สามเส้า: #99a3bb, #b99b97, #95aa96
- สี่เหลี่ยมผืนผ้า: #99a3bb, #b09caf, #ada28a, #95aa96
- สี่เหลี่ยมจัตุรัส: #99a3bb, #b79aa3, #ada28a, #8baba3
- โทนสีเดียว: #99a3bb, #535c72, #757f96, #bec9e2, #e5f0ff

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

### #99a3bb คือสีอะไร

#99a3bb เป็นโทนตุ่น เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(153, 163, 187) ใน HSL คือ hsl(222.35, 20%, 66.67%) และใน OKLCH คือ oklch(71.551% 0.03677 267.511)

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

สีตรงข้ามของ #99a3bb คือ #ada28a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8ea7b8 และ #a59fb8 ส่วนสีสามเส้าคือ #b99b97 และ #95aa96

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

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

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

#99a3bb เป็นสีโทนเย็น ใน OKLCH มีฮิว 268 องศา ความสว่าง 71.6% และความสด 0.037