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

#45c2be คือ rgb(69, 194, 190) ใน RGB และ oklch(74.513% 0.10848 192.043) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #45c2be |
| RGB | rgb(69, 194, 190) |
| HSL | hsl(178.08, 50.61%, 51.57%) |
| HSB / HSV | hsv(178.08 64.43% 76.08%) |
| HWB | hwb(178.08 27.06% 23.92%) |
| CMYK | cmyk(64% 0% 2% 24%) |
| Lab | lab(71.64 -36.18 -8.71) |
| LCH | lch(71.64 37.21 193.53) |
| OKLab | oklab(74.513% -0.10609 -0.02263) |
| OKLCH | oklch(74.513% 0.10848 192.043) |
| Display P3 | color(display-p3 0.4165 0.75066 0.7412) |
| Rec. 2020 | color(rec2020 0.47612 0.70979 0.71236) |
| Adobe RGB | color(a98-rgb 0.4769 0.75531 0.74014) |
| ProPhoto RGB | color(prophoto-rgb 0.49497 0.674 0.68801) |
| sRGB เชิงเส้น | color(srgb-linear 0.05951 0.53948 0.51492) |
| XYZ D65 | color(xyz-d65 0.31038 0.43565 0.5549) |
| XYZ D50 | color(xyz-d50 0.30741 0.4312 0.4209) |
| SwiftUI | Color(red: 0.271, green: 0.761, blue: 0.745) |
| UIKit | UIColor(red: 0.271, green: 0.761, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF45C2BE) |
| Android XML | #45C2BE |

## ข้อมูล

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

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

#45c2be, #5fc8c4, #75cfcb, #88d5d1, #9bdbd8, #ace1de, #bde7e5, #ceedeb, #dff3f2, #eff9f8

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

#45c2be, #3ba8a5, #318f8c, #277775, #1e605e, #154948, #0c3433, #05201f, #020e0d, #000202

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

#45c2be, #56c0bc, #64beba, #70bcb9, #7bbab7, #84b8b5, #8db6b3, #96b3b2, #9eb1b0, #a5afae

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

- คู่ตรงข้าม: #45c2be, #e88f9a
- คู่ตรงข้ามแยก: #45c2be, #dc91c0, #e79575
- ข้างเคียง: #45c2be, #66c297, #51bcdd
- สามเส้า: #45c2be, #c498de, #d7a15b
- สี่เหลี่ยมผืนผ้า: #45c2be, #79b1ef, #e88f9a, #d7a15b
- สี่เหลี่ยมจัตุรัส: #45c2be, #a1a4ef, #e88f9a, #baaf59
- โทนสีเดียว: #45c2be, #007774, #009c99, #71e9e5, #b5ffff

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

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

#45c2be เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(69, 194, 190) ใน HSL คือ hsl(178.08, 50.61%, 51.57%) และใน OKLCH คือ oklch(74.513% 0.10848 192.043)

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

สีตรงข้ามของ #45c2be คือ #e88f9a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #66c297 และ #51bcdd ส่วนสีสามเส้าคือ #c498de และ #d7a15b

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

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

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

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