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

#45b8a2 คือ rgb(69, 184, 162) ใน RGB และ oklch(71.166% 0.10826 178.035) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #45b8a2 |
| RGB | rgb(69, 184, 162) |
| HSL | hsl(168.52, 45.45%, 49.61%) |
| HSB / HSV | hsv(168.52 62.5% 72.16%) |
| HWB | hwb(168.52 27.06% 27.84%) |
| CMYK | cmyk(63% 0% 12% 28%) |
| Lab | lab(67.93 -37.82 1.11) |
| LCH | lch(67.93 37.83 178.32) |
| OKLab | oklab(71.166% -0.1082 0.00371) |
| OKLCH | oklch(71.166% 0.10826 178.035) |
| Display P3 | color(display-p3 0.40167 0.71208 0.63798) |
| Rec. 2020 | color(rec2020 0.4463 0.66738 0.60067) |
| Adobe RGB | color(a98-rgb 0.45749 0.71578 0.63329) |
| ProPhoto RGB | color(prophoto-rgb 0.45312 0.6295 0.57567) |
| sRGB เชิงเส้น | color(srgb-linear 0.05951 0.47932 0.36131) |
| XYZ D65 | color(xyz-d65 0.26115 0.38153 0.40172) |
| XYZ D50 | color(xyz-d50 0.26226 0.37876 0.30537) |
| SwiftUI | Color(red: 0.271, green: 0.722, blue: 0.635) |
| UIKit | UIColor(red: 0.271, green: 0.722, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF45B8A2) |
| Android XML | #45B8A2 |

## ข้อมูล

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

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

#45b8a2, #5ebfab, #73c6b4, #86cebd, #99d5c6, #aadcd0, #bce3d9, #cdeae2, #def1ec, #eef8f5

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

#45b8a2, #3ba08c, #318877, #277163, #1e5b4f, #15453c, #0c312a, #051e19, #020c0a, #000201

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

#45b8a2, #54b6a2, #60b4a2, #6bb2a2, #75b0a2, #7daea2, #86aba2, #8da9a2, #94a7a2, #9ba4a2

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

- คู่ตรงข้าม: #45b8a2, #d985a2
- คู่ตรงข้ามแยก: #45b8a2, #c789c4, #dd877c
- ข้างเคียง: #45b8a2, #71b57b, #37b5c5
- สามเส้า: #45b8a2, #aa93dd, #d5905b
- สี่เหลี่ยมผืนผ้า: #45b8a2, #5aabde, #d985a2, #d5905b
- สี่เหลี่ยมจัตุรัส: #45b8a2, #859fe6, #d985a2, #be9e4c
- โทนสีเดียว: #45b8a2, #006e5b, #04927e, #70dfc8, #9effef

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

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

#45b8a2 เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(69, 184, 162) ใน HSL คือ hsl(168.52, 45.45%, 49.61%) และใน OKLCH คือ oklch(71.166% 0.10826 178.035)

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

สีตรงข้ามของ #45b8a2 คือ #d985a2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #71b57b และ #37b5c5 ส่วนสีสามเส้าคือ #aa93dd และ #d5905b

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

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

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

#45b8a2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 178 องศา ความสว่าง 71.2% และความสด 0.108