# สี #67abc5: โทนตุ่น เฉดอ่อนของสีฟ้า

#67abc5 คือ rgb(103, 171, 197) ใน RGB และ oklch(70.581% 0.07865 224.58) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #67abc5 |
| RGB | rgb(103, 171, 197) |
| HSL | hsl(196.6, 44.76%, 58.82%) |
| HSB / HSV | hsv(196.6 47.72% 77.25%) |
| HWB | hwb(196.6 40.39% 22.75%) |
| CMYK | cmyk(48% 13% 0% 23%) |
| Lab | lab(66.21 -17.12 -20.46) |
| LCH | lch(66.21 26.68 230.08) |
| OKLab | oklab(70.581% -0.05602 -0.05521) |
| OKLCH | oklch(70.581% 0.07865 224.58) |
| Display P3 | color(display-p3 0.46593 0.66385 0.76123) |
| Rec. 2020 | color(rec2020 0.48273 0.62047 0.73248) |
| Adobe RGB | color(a98-rgb 0.49501 0.66466 0.76331) |
| ProPhoto RGB | color(prophoto-rgb 0.49763 0.58825 0.7053) |
| sRGB เชิงเส้น | color(srgb-linear 0.13563 0.40724 0.55834) |
| XYZ D65 | color(xyz-d65 0.30233 0.36039 0.58188) |
| XYZ D50 | color(xyz-d50 0.29588 0.35597 0.44013) |
| SwiftUI | Color(red: 0.404, green: 0.671, blue: 0.773) |
| UIKit | UIColor(red: 0.404, green: 0.671, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF67ABC5) |
| Android XML | #67ABC5 |

## ข้อมูล

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

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

#67abc5, #77b3cb, #87bcd1, #96c4d7, #a5ccdc, #b4d5e2, #c3dde8, #d2e6ee, #e1eef4, #f0f7f9

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

#67abc5, #5994ab, #4b7e92, #3d6879, #305461, #23404b, #172d35, #0c1b21, #040b0e, #000102

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

#67abc5, #6eaac1, #75a9be, #7ba8ba, #81a7b6, #87a6b3, #8ca5af, #91a4ab, #96a3a8, #9ba1a4

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

- คู่ตรงข้าม: #67abc5, #ca9178
- คู่ตรงข้ามแยก: #67abc5, #cc8c91, #bd9968
- ข้างเคียง: #67abc5, #60b0af, #7fa3d1
- สามเส้า: #67abc5, #c48dac, #a8a369
- สี่เหลี่ยมผืนผ้า: #67abc5, #9a9ad0, #ca9178, #a8a369
- สี่เหลี่ยมจัตุรัส: #67abc5, #b392c3, #ca9178, #8cac7a
- โทนสีเดียว: #67abc5, #19637a, #42869f, #8dd1ec, #c0f7ff

## คำถามเกี่ยวกับ #67abc5

### #67abc5 คือสีอะไร

#67abc5 เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(103, 171, 197) ใน HSL คือ hsl(196.6, 44.76%, 58.82%) และใน OKLCH คือ oklch(70.581% 0.07865 224.58)

### สีอะไรเข้ากับ #67abc5

สีตรงข้ามของ #67abc5 คือ #ca9178 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #60b0af และ #7fa3d1 ส่วนสีสามเส้าคือ #c48dac และ #a8a369

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

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

### #67abc5 เป็นสีโทนร้อนหรือโทนเย็น

#67abc5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 70.6% และความสด 0.079