# สี #5fb2b4: โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว

#5fb2b4 คือ rgb(95, 178, 180) ใน RGB และ oklch(71.225% 0.081 197.543) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5fb2b4 |
| RGB | rgb(95, 178, 180) |
| HSL | hsl(181.41, 36.17%, 53.92%) |
| HSB / HSV | hsv(181.41 47.22% 70.59%) |
| HWB | hwb(181.41 37.25% 29.41%) |
| CMYK | cmyk(47% 1% 0% 29%) |
| Lab | lab(67.45 -25.99 -9.31) |
| LCH | lch(67.45 27.6 199.71) |
| OKLab | oklab(71.225% -0.07723 -0.02442) |
| OKLCH | oklch(71.225% 0.081 197.543) |
| Display P3 | color(display-p3 0.45309 0.69024 0.70124) |
| Rec. 2020 | color(rec2020 0.47708 0.64668 0.66803) |
| Adobe RGB | color(a98-rgb 0.4904 0.69214 0.69969) |
| ProPhoto RGB | color(prophoto-rgb 0.48486 0.61183 0.64117) |
| sRGB เชิงเส้น | color(srgb-linear 0.11444 0.4452 0.45641) |
| XYZ D65 | color(xyz-d65 0.28876 0.37568 0.48911) |
| XYZ D50 | color(xyz-d50 0.28667 0.37229 0.37074) |
| SwiftUI | Color(red: 0.373, green: 0.698, blue: 0.706) |
| UIKit | UIColor(red: 0.373, green: 0.698, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF5FB2B4) |
| Android XML | #5FB2B4 |

## ข้อมูล

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

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

#5fb2b4, #71babb, #82c1c3, #92c9ca, #a2d1d2, #b2d8d9, #c1e0e1, #d1e8e8, #e0f0f0, #f0f7f7

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

#5fb2b4, #529a9c, #448385, #386d6e, #2c5758, #204344, #152f30, #0a1d1d, #030c0c, #000102

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

#5fb2b4, #68b1b2, #70afb0, #78aeaf, #7facad, #85aaab, #8ba9a9, #91a7a7, #97a5a6, #9da4a4

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

- คู่ตรงข้าม: #5fb2b4, #d08e8f
- คู่ตรงข้ามแยก: #5fb2b4, #c88eac, #cd9376
- ข้างเคียง: #5fb2b4, #6eb398, #69adca
- สามเส้า: #5fb2b4, #b793c4, #bf9c67
- สี่เหลี่ยมผืนผ้า: #5fb2b4, #82a4d5, #d08e8f, #bf9c67
- สี่เหลี่ยมจัตุรัส: #5fb2b4, #9f9bd3, #d08e8f, #a7a66a
- โทนสีเดียว: #5fb2b4, #00696b, #378d8f, #86d9db, #adffff

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

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

#5fb2b4 เป็นโทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(95, 178, 180) ใน HSL คือ hsl(181.41, 36.17%, 53.92%) และใน OKLCH คือ oklch(71.225% 0.081 197.543)

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

สีตรงข้ามของ #5fb2b4 คือ #d08e8f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6eb398 และ #69adca ส่วนสีสามเส้าคือ #b793c4 และ #bf9c67

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

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

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

#5fb2b4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 198 องศา ความสว่าง 71.2% และความสด 0.081