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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9be2f0 |
| RGB | rgb(155, 226, 240) |
| HSL | hsl(189.88, 73.91%, 77.45%) |
| HSB / HSV | hsv(189.88 35.42% 94.12%) |
| HWB | hwb(189.88 60.78% 5.88%) |
| CMYK | cmyk(35% 6% 0% 6%) |
| Lab | lab(85.55 -20.44 -14.3) |
| LCH | lch(85.55 24.95 214.97) |
| OKLab | oklab(87.066% -0.0625 -0.03795) |
| OKLCH | oklch(87.066% 0.07312 211.267) |
| Display P3 | color(display-p3 0.66863 0.87883 0.93288) |
| Rec. 2020 | color(rec2020 0.70094 0.85595 0.92393) |
| Adobe RGB | color(a98-rgb 0.69627 0.88296 0.93707) |
| ProPhoto RGB | color(prophoto-rgb 0.71526 0.83388 0.91316) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.76052 0.87137) |
| XYZ D65 | color(xyz-d65 0.56439 0.67651 0.92525) |
| XYZ D50 | color(xyz-d50 0.56052 0.67096 0.70064) |
| SwiftUI | Color(red: 0.608, green: 0.886, blue: 0.941) |
| UIKit | UIColor(red: 0.608, green: 0.886, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF9BE2F0) |
| Android XML | #9BE2F0 |

## ข้อมูล

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

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

#9be2f0, #a6e5f2, #b0e8f3, #bbebf5, #c5eef6, #cff1f8, #d9f4f9, #e2f7fb, #ecf9fc, #f6fcfe

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

#9be2f0, #86c4d1, #72a8b2, #5e8c95, #4b7178, #39575d, #283e43, #18272a, #091214, #010303

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

#9be2f0, #a2e1ed, #a8dfeb, #aedee8, #b4dde5, #badbe2, #c0dadf, #c5d9dd, #cad7da, #cfd6d7

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

- คู่ตรงข้าม: #9be2f0, #ffc3b7
- คู่ตรงข้ามแยก: #9be2f0, #fec1d1, #f9caa4
- ข้างเคียง: #9be2f0, #9ee5d7, #aadbff
- สามเส้า: #9be2f0, #f2c3eb, #e6d39d
- สี่เหลี่ยมผืนผ้า: #9be2f0, #c3d3ff, #ffc3b7, #e6d39d
- สี่เหลี่ยมจัตุรัส: #9be2f0, #dccafe, #ffc3b7, #cddda7
- โทนสีเดียว: #9be2f0, #4f95a3, #75bbc9, #c3ffff, #c3ffff

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

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

#9be2f0 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(155, 226, 240) ใน HSL คือ hsl(189.88, 73.91%, 77.45%) และใน OKLCH คือ oklch(87.066% 0.07312 211.267)

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

สีตรงข้ามของ #9be2f0 คือ #ffc3b7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ee5d7 และ #aadbff ส่วนสีสามเส้าคือ #f2c3eb และ #e6d39d

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

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

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

#9be2f0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 211 องศา ความสว่าง 87.1% และความสด 0.073