# สี #4cc5cf: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

#4cc5cf คือ rgb(76, 197, 207) ใน RGB และ oklch(76.024% 0.10683 202.87) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4cc5cf |
| RGB | rgb(76, 197, 207) |
| HSL | hsl(184.58, 57.71%, 55.49%) |
| HSB / HSV | hsv(184.58 63.29% 81.18%) |
| HWB | hwb(184.58 29.8% 18.82%) |
| CMYK | cmyk(63% 5% 0% 19%) |
| Lab | lab(73.17 -32.55 -15.6) |
| LCH | lch(73.17 36.1 205.61) |
| OKLab | oklab(76.024% -0.09843 -0.04152) |
| OKLCH | oklch(76.024% 0.10683 202.87) |
| Display P3 | color(display-p3 0.43479 0.7625 0.80351) |
| Rec. 2020 | color(rec2020 0.49635 0.72365 0.78021) |
| Adobe RGB | color(a98-rgb 0.49261 0.76721 0.80538) |
| ProPhoto RGB | color(prophoto-rgb 0.52198 0.6897 0.75774) |
| sRGB เชิงเส้น | color(srgb-linear 0.07227 0.55834 0.62396) |
| XYZ D65 | color(xyz-d65 0.34207 0.45972 0.66104) |
| XYZ D50 | color(xyz-d50 0.33584 0.45417 0.50078) |
| SwiftUI | Color(red: 0.298, green: 0.773, blue: 0.812) |
| UIKit | UIColor(red: 0.298, green: 0.773, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF4CC5CF) |
| Android XML | #4CC5CF |

## ข้อมูล

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

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

#4cc5cf, #64cbd4, #79d1d9, #8cd7dd, #9edde2, #afe3e7, #bfe8ec, #d0eef1, #e0f4f5, #eff9fa

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

#4cc5cf, #41abb4, #369299, #2c797f, #226167, #184b4f, #0f3538, #062123, #020e10, #000202

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

#4cc5cf, #5cc3cc, #69c1c9, #75c0c6, #7fbec3, #89bcc0, #92babd, #9ab8ba, #a2b5b7, #aab3b4

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

- คู่ตรงข้าม: #4cc5cf, #ed9691
- คู่ตรงข้ามแยก: #4cc5cf, #e694b7, #e79e70
- ข้างเคียง: #4cc5cf, #5fc7aa, #65bdea
- สามเส้า: #4cc5cf, #d29ad9, #d2ab5d
- สี่เหลี่ยมผืนผ้า: #4cc5cf, #8db1f5, #ed9691, #d2ab5d
- สี่เหลี่ยมจัตุรัส: #4cc5cf, #b3a4ef, #ed9691, #b2b866
- โทนสีเดียว: #4cc5cf, #007a84, #0f9fa9, #77edf7, #b7ffff

## คำถามเกี่ยวกับ #4cc5cf

### #4cc5cf คือสีอะไร

#4cc5cf เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(76, 197, 207) ใน HSL คือ hsl(184.58, 57.71%, 55.49%) และใน OKLCH คือ oklch(76.024% 0.10683 202.87)

### สีอะไรเข้ากับ #4cc5cf

สีตรงข้ามของ #4cc5cf คือ #ed9691 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5fc7aa และ #65bdea ส่วนสีสามเส้าคือ #d29ad9 และ #d2ab5d

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

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

### #4cc5cf เป็นสีโทนร้อนหรือโทนเย็น

#4cc5cf เป็นสีโทนเย็น ใน OKLCH มีฮิว 203 องศา ความสว่าง 76% และความสด 0.107