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

#7cdbe9 คือ rgb(124, 219, 233) ใน RGB และ oklch(83.787% 0.09211 207.834) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7cdbe9 |
| RGB | rgb(124, 219, 233) |
| HSL | hsl(187.71, 71.24%, 70%) |
| HSB / HSV | hsv(187.71 46.78% 91.37%) |
| HWB | hwb(187.71 48.63% 8.63%) |
| CMYK | cmyk(47% 6% 0% 9%) |
| Lab | lab(81.95 -26.68 -16.16) |
| LCH | lch(81.95 31.19 211.2) |
| OKLab | oklab(83.787% -0.08145 -0.04301) |
| OKLCH | oklch(83.787% 0.09211 207.834) |
| Display P3 | color(display-p3 0.57626 0.84972 0.90466) |
| Rec. 2020 | color(rec2020 0.62445 0.82153 0.89241) |
| Adobe RGB | color(a98-rgb 0.61713 0.8549 0.90887) |
| ProPhoto RGB | color(prophoto-rgb 0.64574 0.79488 0.87847) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.70838 0.81485) |
| XYZ D65 | color(xyz-d65 0.48349 0.60829 0.86287) |
| XYZ D50 | color(xyz-d50 0.47731 0.60207 0.65346) |
| SwiftUI | Color(red: 0.486, green: 0.859, blue: 0.914) |
| UIKit | UIColor(red: 0.486, green: 0.859, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF7CDBE9) |
| Android XML | #7CDBE9 |

## ข้อมูล

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

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

#7cdbe9, #8bdfeb, #9ae3ee, #a7e6f0, #b5eaf2, #c2edf4, #cef1f6, #dbf5f9, #e7f8fb, #f3fcfd

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

#7cdbe9, #6bbecb, #5aa2ad, #4a8790, #3b6d74, #2c545a, #1e3c41, #112629, #051113, #010203

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

#7cdbe9, #86d9e6, #8fd8e3, #98d6e0, #a0d5dd, #a8d3d9, #afd1d6, #b6cfd3, #bdcdd0, #c3cccd

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

- คู่ตรงข้าม: #7cdbe9, #ffb3a9
- คู่ตรงข้ามแยก: #7cdbe9, #fcb1ca, #f8bb8e
- ข้างเคียง: #7cdbe9, #84deca, #8fd3ff
- สามเส้า: #7cdbe9, #ebb5e9, #e3c783
- สี่เหลี่ยมผืนผ้า: #7cdbe9, #b0c8ff, #ffb3a9, #e3c783
- สี่เหลี่ยมจัตุรัส: #7cdbe9, #d1bdff, #ffb3a9, #c4d28d
- โทนสีเดียว: #7cdbe9, #278f9c, #54b4c2, #adffff, #bdffff

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

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

#7cdbe9 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(124, 219, 233) ใน HSL คือ hsl(187.71, 71.24%, 70%) และใน OKLCH คือ oklch(83.787% 0.09211 207.834)

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

สีตรงข้ามของ #7cdbe9 คือ #ffb3a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #84deca และ #8fd3ff ส่วนสีสามเส้าคือ #ebb5e9 และ #e3c783

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

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

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

#7cdbe9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 208 องศา ความสว่าง 83.8% และความสด 0.092