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

#9bdbf0 คือ rgb(155, 219, 240) ใน RGB และ oklch(85.549% 0.07083 220.321) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9bdbf0 |
| RGB | rgb(155, 219, 240) |
| HSL | hsl(194.82, 73.91%, 77.45%) |
| HSB / HSV | hsv(194.82 35.42% 94.12%) |
| HWB | hwb(194.82 60.78% 5.88%) |
| CMYK | cmyk(35% 9% 0% 6%) |
| Lab | lab(83.63 -17.2 -17.16) |
| LCH | lch(83.63 24.3 224.93) |
| OKLab | oklab(85.549% -0.054 -0.04583) |
| OKLCH | oklch(85.549% 0.07083 220.321) |
| Display P3 | color(display-p3 0.66168 0.852 0.93106) |
| Rec. 2020 | color(rec2020 0.6883 0.82726 0.92145) |
| Adobe RGB | color(a98-rgb 0.68575 0.8549 0.93601) |
| ProPhoto RGB | color(prophoto-rgb 0.70267 0.80419 0.90949) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.70838 0.87137) |
| XYZ D65 | color(xyz-d65 0.54574 0.63921 0.91903) |
| XYZ D50 | color(xyz-d50 0.54044 0.63358 0.69558) |
| SwiftUI | Color(red: 0.608, green: 0.859, blue: 0.941) |
| UIKit | UIColor(red: 0.608, green: 0.859, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF9BDBF0) |
| Android XML | #9BDBF0 |

## ข้อมูล

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

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

#9bdbf0, #a6dff2, #b0e2f3, #bae6f5, #c4eaf6, #ceedf8, #d8f1f9, #e2f4fb, #ecf8fc, #f5fbfe

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

#9bdbf0, #86bed1, #72a2b2, #5e8795, #4b6d78, #39545d, #283c43, #18262a, #091114, #010203

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

#9bdbf0, #a1daed, #a7d9ea, #acd8e6, #b2d7e3, #b7d5e0, #bcd4dd, #c1d3d9, #c6d2d6, #cbd1d3

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

- คู่ตรงข้าม: #9bdbf0, #f9c1ad
- คู่ตรงข้ามแยก: #9bdbf0, #fabdc5, #eec89d
- ข้างเคียง: #9bdbf0, #98dfda, #add4fd
- สามเส้า: #9bdbf0, #f0bede, #dad19c
- สี่เหลี่ยมผืนผ้า: #9bdbf0, #c6cbfe, #f9c1ad, #dad19c
- สี่เหลี่ยมจัตุรัส: #9bdbf0, #dec3f3, #f9c1ad, #c0daa9
- โทนสีเดียว: #9bdbf0, #508fa3, #75b4c9, #d0feff, #d0feff

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

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

#9bdbf0 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(155, 219, 240) ใน HSL คือ hsl(194.82, 73.91%, 77.45%) และใน OKLCH คือ oklch(85.549% 0.07083 220.321)

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

สีตรงข้ามของ #9bdbf0 คือ #f9c1ad หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #98dfda และ #add4fd ส่วนสีสามเส้าคือ #f0bede และ #dad19c

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

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

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

#9bdbf0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 220 องศา ความสว่าง 85.5% และความสด 0.071