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

#6caec2 คือ rgb(108, 174, 194) ใน RGB และ oklch(71.4% 0.07316 219.196) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #6caec2 |
| RGB | rgb(108, 174, 194) |
| HSL | hsl(193.95, 41.35%, 59.22%) |
| HSB / HSV | hsv(193.95 44.33% 76.08%) |
| HWB | hwb(193.95 42.35% 23.92%) |
| CMYK | cmyk(44% 10% 0% 24%) |
| Lab | lab(67.24 -17.9 -17.23) |
| LCH | lch(67.24 24.85 223.92) |
| OKLab | oklab(71.4% -0.0567 -0.04624) |
| OKLCH | oklch(71.4% 0.07316 219.196) |
| Display P3 | color(display-p3 0.48282 0.67573 0.75121) |
| Rec. 2020 | color(rec2020 0.49699 0.63321 0.72179) |
| Adobe RGB | color(a98-rgb 0.51038 0.67642 0.75226) |
| ProPhoto RGB | color(prophoto-rgb 0.50747 0.60078 0.69481) |
| sRGB เชิงเส้น | color(srgb-linear 0.14996 0.42327 0.53948) |
| XYZ D65 | color(xyz-d65 0.31056 0.37354 0.56614) |
| XYZ D50 | color(xyz-d50 0.3056 0.3695 0.42842) |
| SwiftUI | Color(red: 0.424, green: 0.682, blue: 0.761) |
| UIKit | UIColor(red: 0.424, green: 0.682, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF6CAEC2) |
| Android XML | #6CAEC2 |

## ข้อมูล

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

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

#6caec2, #7bb6c8, #8bbece, #99c6d4, #a8ceda, #b7d6e0, #c5dee7, #d3e7ed, #e2eff3, #f0f7f9

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

#6caec2, #5d97a8, #4e808f, #406a77, #325560, #254149, #192e34, #0d1c20, #040b0e, #000102

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

#6caec2, #73adbf, #79acbc, #7fabb9, #85aab6, #8aa9b2, #8fa8af, #94a6ac, #99a5a9, #9ea4a6

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

- คู่ตรงข้าม: #6caec2, #cb9381
- คู่ตรงข้ามแยก: #6caec2, #cc9099, #c19b70
- ข้างเคียง: #6caec2, #6ab2ac, #7fa7cf
- สามเส้า: #6caec2, #c291b2, #aea46e
- สี่เหลี่ยมผืนผ้า: #6caec2, #999ed0, #cb9381, #aea46e
- สี่เหลี่ยมจัตุรัส: #6caec2, #b097c6, #cb9381, #94ac7b
- โทนสีเดียว: #6caec2, #206578, #47899c, #92d5e9, #c0fbff

## คำถามเกี่ยวกับ #6caec2

### #6caec2 คือสีอะไร

#6caec2 เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(108, 174, 194) ใน HSL คือ hsl(193.95, 41.35%, 59.22%) และใน OKLCH คือ oklch(71.4% 0.07316 219.196)

### สีอะไรเข้ากับ #6caec2

สีตรงข้ามของ #6caec2 คือ #cb9381 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6ab2ac และ #7fa7cf ส่วนสีสามเส้าคือ #c291b2 และ #aea46e

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

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

### #6caec2 เป็นสีโทนร้อนหรือโทนเย็น

#6caec2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 219 องศา ความสว่าง 71.4% และความสด 0.073