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

#5fb5bd คือ rgb(95, 181, 189) ใน RGB และ oklch(72.251% 0.08383 203.424) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5fb5bd |
| RGB | rgb(95, 181, 189) |
| HSL | hsl(185.11, 41.59%, 55.69%) |
| HSB / HSV | hsv(185.11 49.74% 74.12%) |
| HWB | hwb(185.11 37.25% 25.88%) |
| CMYK | cmyk(50% 4% 0% 26%) |
| Lab | lab(68.57 -25.49 -12.57) |
| LCH | lch(68.57 28.42 206.25) |
| OKLab | oklab(72.251% -0.07692 -0.03332) |
| OKLCH | oklch(72.251% 0.08383 203.424) |
| Display P3 | color(display-p3 0.45673 0.70179 0.73454) |
| Rec. 2020 | color(rec2020 0.48553 0.65935 0.7042) |
| Adobe RGB | color(a98-rgb 0.4955 0.70395 0.73426) |
| ProPhoto RGB | color(prophoto-rgb 0.49756 0.62506 0.67791) |
| sRGB เชิงเส้น | color(srgb-linear 0.11444 0.46208 0.50888) |
| XYZ D65 | color(xyz-d65 0.30427 0.39153 0.541) |
| XYZ D50 | color(xyz-d50 0.30068 0.38757 0.40984) |
| SwiftUI | Color(red: 0.373, green: 0.71, blue: 0.741) |
| UIKit | UIColor(red: 0.373, green: 0.71, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF5FB5BD) |
| Android XML | #5FB5BD |

## ข้อมูล

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

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

#5fb5bd, #71bcc4, #82c4ca, #93cbd1, #a3d3d7, #b2dade, #c2e1e4, #d1e9eb, #e0f0f2, #f0f8f8

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

#5fb5bd, #529da4, #44868c, #386f74, #2c595d, #204447, #153033, #0a1d1f, #030c0d, #000202

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

#5fb5bd, #68b4bb, #71b2b8, #79b1b6, #80afb4, #87aeb1, #8eacaf, #94aaac, #9aa9aa, #a0a7a8

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

- คู่ตรงข้าม: #5fb5bd, #d5918c
- คู่ตรงข้ามแยก: #5fb5bd, #cf90a9, #cf9773
- ข้างเคียง: #5fb5bd, #6ab7a1, #6eafd2
- สามเส้า: #5fb5bd, #bf94c4, #bfa167
- สี่เหลี่ยมผืนผ้า: #5fb5bd, #8aa5db, #d5918c, #bfa167
- สี่เหลี่ยมจัตุรัส: #5fb5bd, #a79cd6, #d5918c, #a5ab6d
- โทนสีเดียว: #5fb5bd, #006c74, #379097, #86dce4, #adffff

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

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

#5fb5bd เป็นโทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(95, 181, 189) ใน HSL คือ hsl(185.11, 41.59%, 55.69%) และใน OKLCH คือ oklch(72.251% 0.08383 203.424)

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

สีตรงข้ามของ #5fb5bd คือ #d5918c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6ab7a1 และ #6eafd2 ส่วนสีสามเส้าคือ #bf94c4 และ #bfa167

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

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

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

#5fb5bd เป็นสีโทนเย็น ใน OKLCH มีฮิว 203 องศา ความสว่าง 72.3% และความสด 0.084