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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7cccd3 |
| RGB | rgb(124, 204, 211) |
| HSL | hsl(184.83, 49.71%, 65.69%) |
| HSB / HSV | hsv(184.83 41.23% 82.75%) |
| HWB | hwb(184.83 48.63% 17.25%) |
| CMYK | cmyk(41% 3% 0% 17%) |
| Lab | lab(77.11 -24.26 -11.65) |
| LCH | lch(77.11 26.91 205.66) |
| OKLab | oklab(79.638% -0.07291 -0.03075) |
| OKLCH | oklch(79.638% 0.07913 202.868) |
| Display P3 | color(display-p3 0.55919 0.79207 0.82114) |
| Rec. 2020 | color(rec2020 0.58918 0.75873 0.79989) |
| Adobe RGB | color(a98-rgb 0.59238 0.79502 0.82179) |
| ProPhoto RGB | color(prophoto-rgb 0.59906 0.72863 0.7792) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.60383 0.65141) |
| XYZ D65 | color(xyz-d65 0.41661 0.52172 0.69505) |
| XYZ D50 | color(xyz-d50 0.41366 0.51721 0.5266) |
| SwiftUI | Color(red: 0.486, green: 0.8, blue: 0.827) |
| UIKit | UIColor(red: 0.486, green: 0.8, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF7CCCD3) |
| Android XML | #7CCCD3 |

## ข้อมูล

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

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

#7cccd3, #8ad1d7, #98d6dc, #a6dbe0, #b3e1e5, #c0e6e9, #cdebed, #d9f0f2, #e6f5f6, #f3fafb

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

#7cccd3, #6bb1b7, #5a979c, #4a7e82, #3b6569, #2c4e51, #1e373a, #112224, #050f10, #010202

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

#7cccd3, #84cbd1, #8cc9cf, #93c8cc, #99c6ca, #a0c5c8, #a6c3c5, #acc1c3, #b1c0c1, #b7bebf

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

- คู่ตรงข้าม: #7cccd3, #eba9a5
- คู่ตรงข้ามแยก: #7cccd3, #e6a8c1, #e6af8d
- ข้างเคียง: #7cccd3, #86ceb8, #88c6e7
- สามเส้า: #7cccd3, #d6acdb, #d6b882
- สี่เหลี่ยมผืนผ้า: #7cccd3, #a2bdf0, #eba9a5, #d6b882
- สี่เหลี่ยมจัตุรัส: #7cccd3, #beb4ec, #eba9a5, #bcc287
- โทนสีเดียว: #7cccd3, #2d8188, #56a6ad, #a3f4fb, #b7ffff

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

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

#7cccd3 เป็นโทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(124, 204, 211) ใน HSL คือ hsl(184.83, 49.71%, 65.69%) และใน OKLCH คือ oklch(79.638% 0.07913 202.868)

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

สีตรงข้ามของ #7cccd3 คือ #eba9a5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #86ceb8 และ #88c6e7 ส่วนสีสามเส้าคือ #d6acdb และ #d6b882

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

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

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

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