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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ca7aa |
| RGB | rgb(92, 167, 170) |
| HSL | hsl(182.31, 31.45%, 51.37%) |
| HSB / HSV | hsv(182.31 45.88% 66.67%) |
| HWB | hwb(182.31 36.08% 33.33%) |
| CMYK | cmyk(46% 2% 0% 33%) |
| Lab | lab(63.77 -23.74 -9.23) |
| LCH | lch(63.77 25.47 201.24) |
| OKLab | oklab(68.125% -0.07077 -0.02426) |
| OKLCH | oklch(68.125% 0.07481 198.918) |
| Display P3 | color(display-p3 0.43228 0.64775 0.66203) |
| Rec. 2020 | color(rec2020 0.44745 0.60115 0.62508) |
| Adobe RGB | color(a98-rgb 0.46612 0.64899 0.66026) |
| ProPhoto RGB | color(prophoto-rgb 0.45332 0.56635 0.59702) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.38643 0.40198) |
| XYZ D65 | color(xyz-d65 0.25487 0.32814 0.43022) |
| XYZ D50 | color(xyz-d50 0.25302 0.32521 0.32606) |
| SwiftUI | Color(red: 0.361, green: 0.655, blue: 0.667) |
| UIKit | UIColor(red: 0.361, green: 0.655, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA7AA) |
| Android XML | #5CA7AA |

## ข้อมูล

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

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

#5ca7aa, #6eb0b2, #7fb8bb, #8fc1c3, #9fcacb, #afd3d4, #bfdbdc, #cfe4e5, #dfedee, #eff6f6

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

#5ca7aa, #4f9193, #427b7d, #366668, #2a5253, #1f3e3f, #142c2d, #0a1a1b, #030a0b, #000101

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

#5ca7aa, #64a6a8, #6ba4a7, #72a3a5, #78a2a3, #7ea0a1, #849fa0, #899d9e, #8f9c9c, #949a9a

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

- คู่ตรงข้าม: #5ca7aa, #c38686
- คู่ตรงข้ามแยก: #5ca7aa, #bc86a0, #bf8b70
- ข้างเคียง: #5ca7aa, #68a891, #65a2be
- สามเส้า: #5ca7aa, #ad8ab6, #b29463
- สี่เหลี่ยมผืนผ้า: #5ca7aa, #7d9ac7, #c38686, #b29463
- สี่เหลี่ยมจัตุรัส: #5ca7aa, #9791c5, #c38686, #9c9d66
- โทนสีเดียว: #5ca7aa, #015f62, #358285, #82cdd0, #a9f5f8

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

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

#5ca7aa เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(92, 167, 170) ใน HSL คือ hsl(182.31, 31.45%, 51.37%) และใน OKLCH คือ oklch(68.125% 0.07481 198.918)

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

สีตรงข้ามของ #5ca7aa คือ #c38686 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #68a891 และ #65a2be ส่วนสีสามเส้าคือ #ad8ab6 และ #b29463

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

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

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

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