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

#45c5cc คือ rgb(69, 197, 204) ใน RGB และ oklch(75.723% 0.10999 200.328) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #45c5cc |
| RGB | rgb(69, 197, 204) |
| HSL | hsl(183.11, 56.96%, 53.53%) |
| HSB / HSV | hsv(183.11 66.18% 80%) |
| HWB | hwb(183.11 27.06% 20%) |
| CMYK | cmyk(66% 3% 0% 20%) |
| Lab | lab(72.9 -34.38 -14.4) |
| LCH | lch(72.9 37.27 202.73) |
| OKLab | oklab(75.723% -0.10314 -0.03821) |
| OKLCH | oklch(75.723% 0.10999 200.328) |
| Display P3 | color(display-p3 0.42101 0.76223 0.79253) |
| Rec. 2020 | color(rec2020 0.48698 0.72287 0.76826) |
| Adobe RGB | color(a98-rgb 0.48279 0.76721 0.7939) |
| ProPhoto RGB | color(prophoto-rgb 0.51296 0.68834 0.74543) |
| sRGB เชิงเส้น | color(srgb-linear 0.05951 0.55834 0.60383) |
| XYZ D65 | color(xyz-d65 0.33317 0.45555 0.64166) |
| XYZ D50 | color(xyz-d50 0.32739 0.45011 0.48623) |
| SwiftUI | Color(red: 0.271, green: 0.773, blue: 0.8) |
| UIKit | UIColor(red: 0.271, green: 0.773, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF45C5CC) |
| Android XML | #45C5CC |

## ข้อมูล

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

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

#45c5cc, #5fcbd1, #75d1d6, #89d7db, #9bdde0, #ade3e5, #bee8eb, #cfeef0, #dff4f5, #eff9fa

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

#45c5cc, #3babb1, #319297, #27797e, #1e6165, #154b4e, #0c3537, #052122, #020e0f, #000202

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

#45c5cc, #57c3c9, #65c1c6, #72bfc4, #7dbdc1, #87bbbe, #90b9bb, #99b7b9, #a1b5b6, #a9b2b3

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

- คู่ตรงข้าม: #45c5cc, #ee9393
- คู่ตรงข้ามแยก: #45c5cc, #e593ba, #e89b6f
- ข้างเคียง: #45c5cc, #5dc7a6, #5dbde9
- สามเส้า: #45c5cc, #d099db, #d5a85a
- สี่เหลี่ยมผืนผ้า: #45c5cc, #87b1f6, #ee9393, #d5a85a
- สี่เหลี่ยมจัตุรัส: #45c5cc, #afa4f1, #ee9393, #b4b760
- โทนสีเดียว: #45c5cc, #007a81, #009fa6, #72edf3, #b5ffff

## คำถามเกี่ยวกับ #45c5cc

### #45c5cc คือสีอะไร

#45c5cc เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(69, 197, 204) ใน HSL คือ hsl(183.11, 56.96%, 53.53%) และใน OKLCH คือ oklch(75.723% 0.10999 200.328)

### สีอะไรเข้ากับ #45c5cc

สีตรงข้ามของ #45c5cc คือ #ee9393 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5dc7a6 และ #5dbde9 ส่วนสีสามเส้าคือ #d099db และ #d5a85a

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

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

### #45c5cc เป็นสีโทนร้อนหรือโทนเย็น

#45c5cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 200 องศา ความสว่าง 75.7% และความสด 0.11