# สี #45caae: โทนสด เฉดอ่อนของสีเขียวหัวเป็ด

#45caae คือ rgb(69, 202, 174) ใน RGB และ oklch(75.972% 0.1218 175.995) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #45caae |
| RGB | rgb(69, 202, 174) |
| HSL | hsl(167.37, 55.65%, 53.14%) |
| HSB / HSV | hsv(167.37 65.84% 79.22%) |
| HWB | hwb(167.37 27.06% 20.78%) |
| CMYK | cmyk(66% 0% 14% 21%) |
| Lab | lab(73.69 -42.63 2.9) |
| LCH | lch(73.69 42.73 176.11) |
| OKLab | oklab(75.972% -0.1215 0.00851) |
| OKLCH | oklch(75.972% 0.1218 175.995) |
| Display P3 | color(display-p3 0.4286 0.78153 0.68662) |
| Rec. 2020 | color(rec2020 0.48996 0.74209 0.65423) |
| Adobe RGB | color(a98-rgb 0.49268 0.78707 0.68141) |
| ProPhoto RGB | color(prophoto-rgb 0.49885 0.70548 0.6312) |
| sRGB เชิงเส้น | color(srgb-linear 0.05951 0.59062 0.42327) |
| XYZ D65 | color(xyz-d65 0.31213 0.4656 0.47388) |
| XYZ D50 | color(xyz-d50 0.31399 0.46231 0.36042) |
| SwiftUI | Color(red: 0.271, green: 0.792, blue: 0.682) |
| UIKit | UIColor(red: 0.271, green: 0.792, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF45CAAE) |
| Android XML | #45CAAE |

## ข้อมูล

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

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

#45caae, #60d0b6, #76d5be, #89dac6, #9ce0ce, #ade5d6, #beeade, #cff0e6, #dff5ee, #effaf7

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

#45caae, #3baf97, #319580, #277c6a, #1e6455, #154d41, #0c372e, #05221c, #020f0b, #000201

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

#45caae, #57c8ae, #66c5af, #72c3af, #7dc1af, #88beaf, #91bcb0, #9ab9b0, #a2b6b0, #a9b4b1

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

- คู่ตรงข้าม: #45caae, #ee8fb3
- คู่ตรงข้ามแยก: #45caae, #d995da, #f59188
- ข้างเคียง: #45caae, #7cc681, #2cc7d7
- สามเส้า: #45caae, #b8a0f6, #ec9c61
- สี่เหลี่ยมผืนผ้า: #45caae, #5abcf4, #ee8fb3, #ec9c61
- สี่เหลี่ยมจัตุรัส: #45caae, #8dafff, #ee8fb3, #d3ab4c
- โทนสีเดียว: #45caae, #007e66, #00a489, #72f2d4, #bffff3

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

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

#45caae เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(69, 202, 174) ใน HSL คือ hsl(167.37, 55.65%, 53.14%) และใน OKLCH คือ oklch(75.972% 0.1218 175.995)

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

สีตรงข้ามของ #45caae คือ #ee8fb3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7cc681 และ #2cc7d7 ส่วนสีสามเส้าคือ #b8a0f6 และ #ec9c61

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

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

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

#45caae เป็นสีโทนเย็น ใน OKLCH มีฮิว 176 องศา ความสว่าง 76% และความสด 0.122