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

#7ae3fd คือ rgb(122, 227, 253) ใน RGB และ oklch(86.212% 0.1037 215.897) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ae3fd |
| RGB | rgb(122, 227, 253) |
| HSL | hsl(191.91, 97.04%, 73.53%) |
| HSB / HSV | hsv(191.91 51.78% 99.22%) |
| HWB | hwb(191.91 47.84% 0.78%) |
| CMYK | cmyk(52% 10% 0% 1%) |
| Lab | lab(84.66 -26.6 -22.62) |
| LCH | lch(84.66 34.91 220.38) |
| OKLab | oklab(86.212% -0.084 -0.0608) |
| OKLCH | oklch(86.212% 0.1037 215.897) |
| Display P3 | color(display-p3 0.58066 0.88036 0.97918) |
| Rec. 2020 | color(rec2020 0.64278 0.8554 0.97517) |
| Adobe RGB | color(a98-rgb 0.62683 0.88698 0.98783) |
| ProPhoto RGB | color(prophoto-rgb 0.67637 0.83174 0.96836) |
| sRGB เชิงเส้น | color(srgb-linear 0.19462 0.76815 0.98225) |
| XYZ D65 | color(xyz-d65 0.53221 0.66165 1.02898) |
| XYZ D50 | color(xyz-d50 0.52126 0.65352 0.77871) |
| SwiftUI | Color(red: 0.478, green: 0.89, blue: 0.992) |
| UIKit | UIColor(red: 0.478, green: 0.89, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF7AE3FD) |
| Android XML | #7AE3FD |

## ข้อมูล

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

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

#7ae3fd, #8ae6fd, #99e9fe, #a7ecfe, #b5effe, #c2f2ff, #cff4ff, #dbf7ff, #e7faff, #f3fcff

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

#7ae3fd, #69c5dc, #59a8bc, #498c9d, #3a717f, #2b5762, #1d3f47, #10272d, #051216, #010303

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

#7ae3fd, #86e1f9, #90e0f4, #9adef0, #a3ddec, #acdbe7, #b4d9e3, #bcd7df, #c3d5da, #cad3d6

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

- คู่ตรงข้าม: #7ae3fd, #ffbba5
- คู่ตรงข้ามแยก: #7ae3fd, #ffb6c7, #ffc487
- ข้างเคียง: #7ae3fd, #7ae8dc, #9dd8ff
- สามเส้า: #7ae3fd, #fdb8ec, #e6d281
- สี่เหลี่ยมผืนผ้า: #7ae3fd, #c1cdff, #ffbba5, #e6d281
- สี่เหลี่ยมจัตุรัส: #7ae3fd, #e2c0ff, #ffbba5, #c1de93
- โทนสีเดียว: #7ae3fd, #1f96ae, #50bcd5, #caffff, #caffff

## คำถามเกี่ยวกับ #7ae3fd

### #7ae3fd คือสีอะไร

#7ae3fd เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(122, 227, 253) ใน HSL คือ hsl(191.91, 97.04%, 73.53%) และใน OKLCH คือ oklch(86.212% 0.1037 215.897)

### สีอะไรเข้ากับ #7ae3fd

สีตรงข้ามของ #7ae3fd คือ #ffbba5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7ae8dc และ #9dd8ff ส่วนสีสามเส้าคือ #fdb8ec และ #e6d281

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

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

### #7ae3fd เป็นสีโทนร้อนหรือโทนเย็น

#7ae3fd เป็นสีโทนเย็น ใน OKLCH มีฮิว 216 องศา ความสว่าง 86.2% และความสด 0.104