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

#5abeaf คือ rgb(90, 190, 175) ใน RGB และ oklch(73.737% 0.09664 182.454) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5abeaf |
| RGB | rgb(90, 190, 175) |
| HSL | hsl(171, 43.48%, 54.9%) |
| HSB / HSV | hsv(171 52.63% 74.51%) |
| HWB | hwb(171 35.29% 25.49%) |
| CMYK | cmyk(53% 0% 8% 25%) |
| Lab | lab(70.72 -33.42 -1.82) |
| LCH | lch(70.72 33.47 183.12) |
| OKLab | oklab(73.737% -0.09655 -0.00414) |
| OKLCH | oklch(73.737% 0.09664 182.454) |
| Display P3 | color(display-p3 0.45595 0.73616 0.68675) |
| Rec. 2020 | color(rec2020 0.4922 0.69479 0.65336) |
| Adobe RGB | color(a98-rgb 0.50213 0.73948 0.68291) |
| ProPhoto RGB | color(prophoto-rgb 0.49729 0.65888 0.62839) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.51492 0.42869) |
| XYZ D65 | color(xyz-d65 0.30366 0.42094 0.47084) |
| XYZ D50 | color(xyz-d50 0.30424 0.41787 0.35754) |
| SwiftUI | Color(red: 0.353, green: 0.745, blue: 0.686) |
| UIKit | UIColor(red: 0.353, green: 0.745, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF5ABEAF) |
| Android XML | #5ABEAF |

## ข้อมูล

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

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

#5abeaf, #6ec5b7, #80cbbf, #91d2c6, #a2d8ce, #b2dfd6, #c1e5de, #d1ece6, #e0f2ef, #f0f9f7

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

#5abeaf, #4da598, #418c81, #35756b, #295e56, #1e4841, #13332e, #091f1c, #030d0b, #000201

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

#5abeaf, #65bcae, #6fbaae, #78b8ad, #81b6ad, #89b4ac, #90b2ac, #97b0ab, #9daeab, #a4acaa

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

- คู่ตรงข้าม: #5abeaf, #dd90a5
- คู่ตรงข้ามแยก: #5abeaf, #cf93c5, #e09383
- ข้างเคียง: #5abeaf, #7abc8c, #56bace
- สามเส้า: #5abeaf, #b69bdd, #d69c69
- สี่เหลี่ยมผืนผ้า: #5abeaf, #71b1e2, #dd90a5, #d69c69
- สี่เหลี่ยมจัตุรัส: #5abeaf, #95a6e7, #dd90a5, #bfa860
- โทนสีเดียว: #5abeaf, #007467, #2e988a, #82e5d5, #bcfff9

## คำถามเกี่ยวกับ #5abeaf

### #5abeaf คือสีอะไร

#5abeaf เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(90, 190, 175) ใน HSL คือ hsl(171, 43.48%, 54.9%) และใน OKLCH คือ oklch(73.737% 0.09664 182.454)

### สีอะไรเข้ากับ #5abeaf

สีตรงข้ามของ #5abeaf คือ #dd90a5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7abc8c และ #56bace ส่วนสีสามเส้าคือ #b69bdd และ #d69c69

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

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

### #5abeaf เป็นสีโทนร้อนหรือโทนเย็น

#5abeaf เป็นสีโทนเย็น ใน OKLCH มีฮิว 182 องศา ความสว่าง 73.7% และความสด 0.097