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

#9af0fb คือ rgb(154, 240, 251) ใน RGB และ oklch(90.431% 0.08427 206.075) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9af0fb |
| RGB | rgb(154, 240, 251) |
| HSL | hsl(186.8, 92.38%, 79.41%) |
| HSB / HSV | hsv(186.8 38.65% 98.43%) |
| HWB | hwb(186.8 60.39% 1.57%) |
| CMYK | cmyk(39% 4% 0% 2%) |
| Lab | lab(89.63 -25.02 -14) |
| LCH | lch(89.63 28.67 209.23) |
| OKLab | oklab(90.431% -0.07569 -0.03704) |
| OKLCH | oklch(90.431% 0.08427 206.075) |
| Display P3 | color(display-p3 0.68032 0.93245 0.97632) |
| Rec. 2020 | color(rec2020 0.72783 0.91407 0.97286) |
| Adobe RGB | color(a98-rgb 0.71578 0.93931 0.982) |
| ProPhoto RGB | color(prophoto-rgb 0.74896 0.89565 0.96785) |
| sRGB เชิงเส้น | color(srgb-linear 0.32314 0.87137 0.96469) |
| XYZ D65 | color(xyz-d65 0.61896 0.76153 1.02707) |
| XYZ D50 | color(xyz-d50 0.61455 0.75505 0.77797) |
| SwiftUI | Color(red: 0.604, green: 0.941, blue: 0.984) |
| UIKit | UIColor(red: 0.604, green: 0.941, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFF9AF0FB) |
| Android XML | #9AF0FB |

## ข้อมูล

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

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

#9af0fb, #a6f2fb, #b1f3fc, #bbf5fc, #c5f6fd, #d0f8fd, #d9f9fe, #e3fbfe, #ecfcfe, #f6feff

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

#9af0fb, #85d1da, #71b2ba, #5e959c, #4b787e, #395d61, #274346, #172a2d, #091415, #010303

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

#9af0fb, #a2eef8, #aaedf6, #b2ebf3, #b9eaf0, #c0e8ed, #c7e6ea, #cde5e8, #d3e3e5, #d9e1e2

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

- คู่ตรงข้าม: #9af0fb, #ffcec7
- คู่ตรงข้ามแยก: #9af0fb, #ffcae1, #ffd2a9
- ข้างเคียง: #9af0fb, #a2f2dd, #ade8ff
- สามเส้า: #9af0fb, #fecdfe, #f8dc9f
- สี่เหลี่ยมผืนผ้า: #9af0fb, #cbdfff, #ffcec7, #f8dc9f
- สี่เหลี่ยมจัตุรัส: #9af0fb, #e3d6ff, #ffcec7, #dce7a7
- โทนสีเดียว: #9af0fb, #4ca2ad, #73c9d3, #bbffff, #bbffff

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

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

#9af0fb เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(154, 240, 251) ใน HSL คือ hsl(186.8, 92.38%, 79.41%) และใน OKLCH คือ oklch(90.431% 0.08427 206.075)

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

สีตรงข้ามของ #9af0fb คือ #ffcec7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a2f2dd และ #ade8ff ส่วนสีสามเส้าคือ #fecdfe และ #f8dc9f

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

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

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

#9af0fb เป็นสีโทนเย็น ใน OKLCH มีฮิว 206 องศา ความสว่าง 90.4% และความสด 0.084