# สี #5ca7ae: โทนตุ่น สีฟ้าอมเขียว

#5ca7ae คือ rgb(92, 167, 174) ใน RGB และ oklch(68.266% 0.07527 203.403) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ca7ae |
| RGB | rgb(92, 167, 174) |
| HSL | hsl(185.12, 33.61%, 52.16%) |
| HSB / HSV | hsv(185.12 47.13% 68.24%) |
| HWB | hwb(185.12 36.08% 31.76%) |
| CMYK | cmyk(47% 4% 0% 32%) |
| Lab | lab(63.88 -22.92 -11.29) |
| LCH | lch(63.88 25.55 206.24) |
| OKLab | oklab(68.266% -0.06908 -0.0299) |
| OKLCH | oklch(68.266% 0.07527 203.403) |
| Display P3 | color(display-p3 0.43228 0.64775 0.67646) |
| Rec. 2020 | color(rec2020 0.44852 0.60136 0.64058) |
| Adobe RGB | color(a98-rgb 0.46612 0.64899 0.67532) |
| ProPhoto RGB | color(prophoto-rgb 0.45644 0.56688 0.61233) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.38643 0.42327) |
| XYZ D65 | color(xyz-d65 0.25871 0.32968 0.45046) |
| XYZ D50 | color(xyz-d50 0.25606 0.3265 0.34126) |
| SwiftUI | Color(red: 0.361, green: 0.655, blue: 0.682) |
| UIKit | UIColor(red: 0.361, green: 0.655, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA7AE) |
| Android XML | #5CA7AE |

## ข้อมูล

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

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

#5ca7ae, #6eb0b6, #7fb8be, #8fc1c6, #9fcace, #afd3d6, #bfdbde, #cfe4e6, #dfedee, #eff6f7

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

#5ca7ae, #4f9197, #427b80, #36666a, #2a5255, #1f3e41, #142c2e, #0a1a1c, #030a0b, #000101

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

#5ca7ae, #64a6ac, #6ba4aa, #72a3a8, #78a2a6, #7ea0a4, #849fa1, #8a9d9f, #8f9c9d, #949a9b

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

- คู่ตรงข้าม: #5ca7ae, #c48783
- คู่ตรงข้ามแยก: #5ca7ae, #bf869d, #be8d6d
- ข้างเคียง: #5ca7ae, #65a995, #68a1c0
- สามเส้า: #5ca7ae, #b08ab4, #b09562
- สี่เหลี่ยมผืนผ้า: #5ca7ae, #8199c8, #c48783, #b09562
- สี่เหลี่ยมจัตุรัส: #5ca7ae, #9b91c4, #c48783, #999f68
- โทนสีเดียว: #5ca7ae, #015f66, #358289, #82cdd4, #a9f5fc

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

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

#5ca7ae เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(92, 167, 174) ใน HSL คือ hsl(185.12, 33.61%, 52.16%) และใน OKLCH คือ oklch(68.266% 0.07527 203.403)

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

สีตรงข้ามของ #5ca7ae คือ #c48783 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #65a995 และ #68a1c0 ส่วนสีสามเส้าคือ #b08ab4 และ #b09562

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

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

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

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