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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ca5ae |
| RGB | rgb(92, 165, 174) |
| HSL | hsl(186.59, 33.61%, 52.16%) |
| HSB / HSV | hsv(186.59 47.13% 68.24%) |
| HWB | hwb(186.59 36.08% 31.76%) |
| CMYK | cmyk(47% 5% 0% 32%) |
| Lab | lab(63.28 -21.98 -12.18) |
| LCH | lch(63.28 25.13 209) |
| OKLab | oklab(67.79% -0.06671 -0.03235) |
| OKLCH | oklch(67.79% 0.07413 205.869) |
| Display P3 | color(display-p3 0.42994 0.64006 0.67592) |
| Rec. 2020 | color(rec2020 0.44462 0.59328 0.63987) |
| Adobe RGB | color(a98-rgb 0.46282 0.64117 0.67502) |
| ProPhoto RGB | color(prophoto-rgb 0.45294 0.55907 0.61135) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.37626 0.42327) |
| XYZ D65 | color(xyz-d65 0.25507 0.3224 0.44925) |
| XYZ D50 | color(xyz-d50 0.25215 0.31921 0.34027) |
| SwiftUI | Color(red: 0.361, green: 0.647, blue: 0.682) |
| UIKit | UIColor(red: 0.361, green: 0.647, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA5AE) |
| Android XML | #5CA5AE |

## ข้อมูล

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

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

#5ca5ae, #6eaeb6, #7eb7be, #8fc0c6, #9fc9ce, #afd2d6, #bfdbde, #cfe4e6, #dfedee, #eff6f7

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

#5ca5ae, #4f8f97, #427980, #36656a, #2a5155, #1f3d41, #142b2e, #0a1a1c, #030a0b, #000101

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

#5ca5ae, #64a4ac, #6ba3aa, #71a1a7, #78a0a5, #7e9fa3, #839da1, #889c9e, #8e9a9c, #93999a

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

- คู่ตรงข้าม: #5ca5ae, #c18680
- คู่ตรงข้ามแยก: #5ca5ae, #bd8599, #bc8c6b
- ข้างเคียง: #5ca5ae, #63a796, #6a9fbf
- สามเส้า: #5ca5ae, #b088b1, #ac9562
- สี่เหลี่ยมผืนผ้า: #5ca5ae, #8297c6, #c18680, #ac9562
- สี่เหลี่ยมจัตุรัส: #5ca5ae, #9b8fc1, #c18680, #959e68
- โทนสีเดียว: #5ca5ae, #035d66, #368089, #82cbd4, #a8f3fc

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

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

#5ca5ae เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(92, 165, 174) ใน HSL คือ hsl(186.59, 33.61%, 52.16%) และใน OKLCH คือ oklch(67.79% 0.07413 205.869)

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

สีตรงข้ามของ #5ca5ae คือ #c18680 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #63a796 และ #6a9fbf ส่วนสีสามเส้าคือ #b088b1 และ #ac9562

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

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

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

#5ca5ae เป็นสีโทนเย็น ใน OKLCH มีฮิว 206 องศา ความสว่าง 67.8% และความสด 0.074