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

#7cd4df คือ rgb(124, 212, 223) ใน RGB และ oklch(81.861% 0.08612 205.958) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7cd4df |
| RGB | rgb(124, 212, 223) |
| HSL | hsl(186.67, 60.74%, 68.04%) |
| HSB / HSV | hsv(186.67 44.39% 87.45%) |
| HWB | hwb(186.67 48.63% 12.55%) |
| CMYK | cmyk(44% 5% 0% 13%) |
| Lab | lab(79.7 -25.53 -14.21) |
| LCH | lch(79.7 29.22 209.1) |
| OKLab | oklab(81.861% -0.07744 -0.0377) |
| OKLCH | oklch(81.861% 0.08612 205.958) |
| Display P3 | color(display-p3 0.56818 0.82281 0.86663) |
| Rec. 2020 | color(rec2020 0.6079 0.79218 0.85019) |
| Adobe RGB | color(a98-rgb 0.60545 0.82691 0.86917) |
| ProPhoto RGB | color(prophoto-rgb 0.6239 0.76379 0.83286) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.65837 0.73791) |
| XYZ D65 | color(xyz-d65 0.45172 0.56698 0.78378) |
| XYZ D50 | color(xyz-d50 0.44704 0.56156 0.59366) |
| SwiftUI | Color(red: 0.486, green: 0.831, blue: 0.875) |
| UIKit | UIColor(red: 0.486, green: 0.831, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF7CD4DF) |
| Android XML | #7CD4DF |

## ข้อมูล

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

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

#7cd4df, #8bd8e2, #99dde5, #a7e1e9, #b4e6ec, #c1eaef, #ceeef2, #daf2f6, #e7f7f9, #f3fbfc

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

#7cd4df, #6bb8c2, #5a9da5, #4a838a, #3b696f, #2c5156, #1e3a3d, #112427, #051012, #010202

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

#7cd4df, #85d3dc, #8ed1da, #95cfd7, #9dced4, #a4ccd1, #abcbcf, #b1c9cc, #b8c7c9, #bec5c6

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

- คู่ตรงข้าม: #7cd4df, #f7aea7
- คู่ตรงข้ามแยก: #7cd4df, #f2adc5, #efb68d
- ข้างเคียง: #7cd4df, #84d6c1, #8ccdf4
- สามเส้า: #7cd4df, #e1b1e2, #ddc082
- สี่เหลี่ยมผืนผ้า: #7cd4df, #a9c3fc, #f7aea7, #ddc082
- สี่เหลี่ยมจัตุรัส: #7cd4df, #c8b9f6, #f7aea7, #c0cb8a
- โทนสีเดียว: #7cd4df, #2a8893, #55adb8, #a3fcff, #bbffff

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

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

#7cd4df เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(124, 212, 223) ใน HSL คือ hsl(186.67, 60.74%, 68.04%) และใน OKLCH คือ oklch(81.861% 0.08612 205.958)

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

สีตรงข้ามของ #7cd4df คือ #f7aea7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #84d6c1 และ #8ccdf4 ส่วนสีสามเส้าคือ #e1b1e2 และ #ddc082

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

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

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

#7cd4df เป็นสีโทนเย็น ใน OKLCH มีฮิว 206 องศา ความสว่าง 81.9% และความสด 0.086