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

#5aedfc คือ rgb(90, 237, 252) ใน RGB และ oklch(87.374% 0.12479 204.723) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aedfc |
| RGB | rgb(90, 237, 252) |
| HSL | hsl(185.56, 96.43%, 67.06%) |
| HSB / HSV | hsv(185.56 64.29% 98.82%) |
| HWB | hwb(185.56 35.29% 1.18%) |
| CMYK | cmyk(64% 6% 0% 1%) |
| Lab | lab(86.45 -37.23 -19.55) |
| LCH | lch(86.45 42.05 207.71) |
| OKLab | oklab(87.374% -0.11335 -0.05219) |
| OKLCH | oklch(87.374% 0.12479 204.723) |
| Display P3 | color(display-p3 0.52146 0.91734 0.97742) |
| Rec. 2020 | color(rec2020 0.61628 0.89322 0.97391) |
| Adobe RGB | color(a98-rgb 0.59086 0.92721 0.98543) |
| ProPhoto RGB | color(prophoto-rgb 0.65783 0.86933 0.96841) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.84687 0.97345) |
| XYZ D65 | color(xyz-d65 0.52068 0.69767 1.02821) |
| XYZ D50 | color(xyz-d50 0.51004 0.68887 0.77878) |
| SwiftUI | Color(red: 0.353, green: 0.929, blue: 0.988) |
| UIKit | UIColor(red: 0.353, green: 0.929, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFF5AEDFC) |
| Android XML | #5AEDFC |

## ข้อมูล

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

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

#5aedfc, #72effc, #87f1fd, #99f3fd, #aaf5fe, #b9f7fe, #c8f9fe, #d7fafe, #e4fcff, #f2feff

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

#5aedfc, #4dcedb, #41b0bb, #35939c, #29777e, #1e5c62, #134247, #092a2d, #031416, #000303

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

#5aedfc, #6eebf8, #7ee9f4, #8de7f1, #99e4ed, #a5e2e9, #b0e0e5, #badde1, #c3dbdd, #cdd8d9

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

- คู่ตรงข้าม: #5aedfc, #ffbfb8
- คู่ตรงข้ามแยก: #5aedfc, #ffbad9, #ffc392
- ข้างเคียง: #5aedfc, #6ef0d0, #93e0ff
- สามเส้า: #5aedfc, #ffb9ff, #fbcf6f
- สี่เหลี่ยมผืนผ้า: #5aedfc, #bbd5ff, #ffbfb8, #fbcf6f
- สี่เหลี่ยมจัตุรัส: #5aedfc, #d9caff, #ffbfb8, #d3df7c
- โทนสีเดียว: #5aedfc, #009fae, #1cc5d4, #b9ffff, #b9ffff

## คำถามเกี่ยวกับ #5aedfc

### #5aedfc คือสีอะไร

#5aedfc เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(90, 237, 252) ใน HSL คือ hsl(185.56, 96.43%, 67.06%) และใน OKLCH คือ oklch(87.374% 0.12479 204.723)

### สีอะไรเข้ากับ #5aedfc

สีตรงข้ามของ #5aedfc คือ #ffbfb8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6ef0d0 และ #93e0ff ส่วนสีสามเส้าคือ #ffb9ff และ #fbcf6f

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

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

### #5aedfc เป็นสีโทนร้อนหรือโทนเย็น

#5aedfc เป็นสีโทนเย็น ใน OKLCH มีฮิว 205 องศา ความสว่าง 87.4% และความสด 0.125