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

#7ca9c2 คือ rgb(124, 169, 194) ใน RGB และ oklch(71.144% 0.06055 233.044) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ca9c2 |
| RGB | rgb(124, 169, 194) |
| HSL | hsl(201.43, 36.46%, 62.35%) |
| HSB / HSV | hsv(201.43 36.08% 76.08%) |
| HWB | hwb(201.43 48.63% 23.92%) |
| CMYK | cmyk(36% 13% 0% 24%) |
| Lab | lab(66.67 -10.94 -17.98) |
| LCH | lch(66.67 21.05 238.69) |
| OKLab | oklab(71.144% -0.0364 -0.04839) |
| OKLCH | oklch(71.144% 0.06055 233.044) |
| Display P3 | color(display-p3 0.52327 0.65784 0.75055) |
| Rec. 2020 | color(rec2020 0.52109 0.61605 0.72074) |
| Adobe RGB | color(a98-rgb 0.53928 0.65682 0.75156) |
| ProPhoto RGB | color(prophoto-rgb 0.52497 0.58552 0.69314) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.39676 0.53948) |
| XYZ D65 | color(xyz-d65 0.32236 0.36555 0.56398) |
| XYZ D50 | color(xyz-d50 0.31789 0.36198 0.42657) |
| SwiftUI | Color(red: 0.486, green: 0.663, blue: 0.761) |
| UIKit | UIColor(red: 0.486, green: 0.663, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF7CA9C2) |
| Android XML | #7CA9C2 |

## ข้อมูล

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

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

#7ca9c2, #89b1c8, #96bace, #a3c2d4, #b0cbda, #bdd4e1, #cadce7, #d7e5ed, #e4edf3, #f2f6f9

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

#7ca9c2, #6b92a8, #5a7c8f, #4a6777, #3b5360, #2c3f49, #1e2c34, #111b20, #050a0e, #010102

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

#7ca9c2, #80a8bf, #84a8bc, #88a7b8, #8ca6b5, #90a6b2, #94a5af, #97a4ac, #9ba3a8, #9ea3a5

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

- คู่ตรงข้าม: #7ca9c2, #c1987f
- คู่ตรงข้ามแยก: #7ca9c2, #c59490, #b49f77
- ข้างเคียง: #7ca9c2, #74aeb3, #8ea2c9
- สามเส้า: #7ca9c2, #c193a5, #a2a67b
- สี่เหลี่ยมผืนผ้า: #7ca9c2, #a39bc5, #c1987f, #a2a67b
- สี่เหลี่ยมจัตุรัส: #7ca9c2, #b596b8, #c1987f, #8cac8a
- โทนสีเดียว: #7ca9c2, #366178, #58849c, #a1cfe9, #cdf6ff

## คำถามเกี่ยวกับ #7ca9c2

### #7ca9c2 คือสีอะไร

#7ca9c2 เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(124, 169, 194) ใน HSL คือ hsl(201.43, 36.46%, 62.35%) และใน OKLCH คือ oklch(71.144% 0.06055 233.044)

### สีอะไรเข้ากับ #7ca9c2

สีตรงข้ามของ #7ca9c2 คือ #c1987f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #74aeb3 และ #8ea2c9 ส่วนสีสามเส้าคือ #c193a5 และ #a2a67b

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

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

### #7ca9c2 เป็นสีโทนร้อนหรือโทนเย็น

#7ca9c2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 233 องศา ความสว่าง 71.1% และความสด 0.061