# สี #55a2cb: โทนละมุน สีฟ้า

#55a2cb คือ rgb(85, 162, 203) ใน RGB และ oklch(67.951% 0.0973 233.964) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #55a2cb |
| RGB | rgb(85, 162, 203) |
| HSL | hsl(200.85, 53.15%, 56.47%) |
| HSB / HSV | hsv(200.85 58.13% 79.61%) |
| HWB | hwb(200.85 33.33% 20.39%) |
| CMYK | cmyk(58% 20% 0% 20%) |
| Lab | lab(62.96 -15.61 -28.8) |
| LCH | lch(62.96 32.75 241.54) |
| OKLab | oklab(67.951% -0.05724 -0.07868) |
| OKLCH | oklch(67.951% 0.0973 233.964) |
| Display P3 | color(display-p3 0.40844 0.62809 0.7806) |
| Rec. 2020 | color(rec2020 0.43571 0.58195 0.75306) |
| Adobe RGB | color(a98-rgb 0.44424 0.62945 0.78517) |
| ProPhoto RGB | color(prophoto-rgb 0.46429 0.55038 0.72526) |
| sRGB เชิงเส้น | color(srgb-linear 0.09084 0.36131 0.5972) |
| XYZ D65 | color(xyz-d65 0.27444 0.32083 0.61248) |
| XYZ D50 | color(xyz-d50 0.26422 0.31543 0.4628) |
| SwiftUI | Color(red: 0.333, green: 0.635, blue: 0.796) |
| UIKit | UIColor(red: 0.333, green: 0.635, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF55A2CB) |
| Android XML | #55A2CB |

## ข้อมูล

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

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

#55a2cb, #68abd0, #7ab5d6, #8bbedb, #9cc7e1, #acd0e6, #bddaeb, #cde3f0, #deecf5, #eef6fa

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

#55a2cb, #498cb0, #3d7796, #31637d, #264f65, #1c3c4d, #112a37, #081922, #020a0f, #000102

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

#55a2cb, #5ea1c6, #66a0c1, #6da0bc, #749fb7, #7b9eb2, #819dad, #879ca8, #8d9aa2, #93999d

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

- คู่ตรงข้าม: #55a2cb, #c7875d
- คู่ตรงข้ามแยก: #55a2cb, #cd807b, #b5934d
- ข้างเคียง: #55a2cb, #3da9b4, #7997d5
- สามเส้า: #55a2cb, #c77f9c, #979f56
- สี่เหลี่ยมผืนผ้า: #55a2cb, #9b8ccf, #c7875d, #979f56
- สี่เหลี่ยมจัตุรัส: #55a2cb, #b683ba, #c7875d, #72a871
- โทนสีเดียว: #55a2cb, #005a7f, #2d7da4, #7bc8f3, #b6edff

## คำถามเกี่ยวกับ #55a2cb

### #55a2cb คือสีอะไร

#55a2cb เป็นโทนละมุน สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีฟ้า ใน RGB คือ rgb(85, 162, 203) ใน HSL คือ hsl(200.85, 53.15%, 56.47%) และใน OKLCH คือ oklch(67.951% 0.0973 233.964)

### สีอะไรเข้ากับ #55a2cb

สีตรงข้ามของ #55a2cb คือ #c7875d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3da9b4 และ #7997d5 ส่วนสีสามเส้าคือ #c77f9c และ #979f56

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

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

### #55a2cb เป็นสีโทนร้อนหรือโทนเย็น

#55a2cb เป็นสีโทนเย็น ใน OKLCH มีฮิว 234 องศา ความสว่าง 68% และความสด 0.097