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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7cd3db |
| RGB | rgb(124, 211, 219) |
| HSL | hsl(185.05, 56.89%, 67.25%) |
| HSB / HSV | hsv(185.05 43.38% 85.88%) |
| HWB | hwb(185.05 48.63% 14.12%) |
| CMYK | cmyk(43% 4% 0% 14%) |
| Lab | lab(79.32 -25.87 -12.66) |
| LCH | lch(79.32 28.8 206.08) |
| OKLab | oklab(81.498% -0.07788 -0.03346) |
| OKLCH | oklch(81.498% 0.08476 203.251) |
| Display P3 | color(display-p3 0.56704 0.81897 0.85192) |
| Rec. 2020 | color(rec2020 0.60486 0.78785 0.83401) |
| Adobe RGB | color(a98-rgb 0.60379 0.82292 0.85361) |
| ProPhoto RGB | color(prophoto-rgb 0.61866 0.75901 0.81576) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.65141 0.70838) |
| XYZ D65 | color(xyz-d65 0.4439 0.55986 0.75487) |
| XYZ D50 | color(xyz-d50 0.44013 0.55477 0.5719) |
| SwiftUI | Color(red: 0.486, green: 0.827, blue: 0.859) |
| UIKit | UIColor(red: 0.486, green: 0.827, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF7CD3DB) |
| Android XML | #7CD3DB |

## ข้อมูล

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

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

#7cd3db, #8bd8df, #99dce2, #a7e0e6, #b4e5e9, #c1e9ed, #cdeef1, #daf2f4, #e6f6f8, #f3fbfb

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

#7cd3db, #6bb7be, #5a9ca2, #4a8287, #3b696d, #2c5154, #1e3a3c, #112426, #051011, #010202

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

#7cd3db, #85d1d9, #8dd0d6, #95ced4, #9ccdd1, #a3cbcf, #aac9cc, #b0c8ca, #b7c6c7, #bdc4c5

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

- คู่ตรงข้าม: #7cd3db, #f5ada9
- คู่ตรงข้ามแยก: #7cd3db, #efacc7, #efb48f
- ข้างเคียง: #7cd3db, #86d5bd, #8accf1
- สามเส้า: #7cd3db, #deb0e2, #ddbe82
- สี่เหลี่ยมผืนผ้า: #7cd3db, #a6c3fa, #f5ada9, #ddbe82
- สี่เหลี่ยมจัตุรัส: #7cd3db, #c4b9f5, #f5ada9, #c2c989
- โทนสีเดียว: #7cd3db, #2b878f, #55acb4, #a3fbff, #b8ffff

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

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

#7cd3db เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(124, 211, 219) ใน HSL คือ hsl(185.05, 56.89%, 67.25%) และใน OKLCH คือ oklch(81.498% 0.08476 203.251)

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

สีตรงข้ามของ #7cd3db คือ #f5ada9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #86d5bd และ #8accf1 ส่วนสีสามเส้าคือ #deb0e2 และ #ddbe82

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

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

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

#7cd3db เป็นสีโทนเย็น ใน OKLCH มีฮิว 203 องศา ความสว่าง 81.5% และความสด 0.085