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

#7aa7cf คือ rgb(122, 167, 207) ใน RGB และ oklch(71.102% 0.07622 245.962) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7aa7cf |
| RGB | rgb(122, 167, 207) |
| HSL | hsl(208.24, 46.96%, 64.51%) |
| HSB / HSV | hsv(208.24 41.06% 81.18%) |
| HWB | hwb(208.24 47.84% 18.82%) |
| CMYK | cmyk(41% 19% 0% 19%) |
| Lab | lab(66.38 -7.84 -25.6) |
| LCH | lch(66.38 26.77 252.96) |
| OKLab | oklab(71.102% -0.03105 -0.06961) |
| OKLCH | oklch(71.102% 0.07622 245.962) |
| Display P3 | color(display-p3 0.5155 0.65 0.7974) |
| Rec. 2020 | color(rec2020 0.517 0.60846 0.77163) |
| Adobe RGB | color(a98-rgb 0.53168 0.64899 0.80119) |
| ProPhoto RGB | color(prophoto-rgb 0.52941 0.57925 0.74506) |
| sRGB เชิงเส้น | color(srgb-linear 0.19462 0.38643 0.62396) |
| XYZ D65 | color(xyz-d65 0.33105 0.36279 0.64292) |
| XYZ D50 | color(xyz-d50 0.32298 0.35815 0.48579) |
| SwiftUI | Color(red: 0.478, green: 0.655, blue: 0.812) |
| UIKit | UIColor(red: 0.478, green: 0.655, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF7AA7CF) |
| Android XML | #7AA7CF |

## ข้อมูล

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

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

#7aa7cf, #87b0d4, #94b8d9, #a2c1de, #afcae3, #bcd3e8, #c9dbec, #d7e4f1, #e4edf6, #f1f6fa

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

#7aa7cf, #6991b4, #597b99, #49667f, #3a5267, #2b3e4f, #1d2c38, #101a23, #050a10, #010102

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

#7aa7cf, #7ea7cb, #83a6c6, #87a6c2, #8ba5bd, #8fa5b9, #93a4b4, #97a4b0, #9aa3ab, #9ea2a6

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

- คู่ตรงข้าม: #7aa7cf, #c3996e
- คู่ตรงข้ามแยก: #7aa7cf, #cc9181, #b0a26a
- ข้างเคียง: #7aa7cf, #67aec0, #949ed2
- สามเส้า: #7aa7cf, #cc8e9a, #96ab76
- สี่เหลี่ยมผืนผ้า: #7aa7cf, #ad96c8, #c3996e, #96ab76
- สี่เหลี่ยมจัตุรัส: #7aa7cf, #c190b4, #c3996e, #7ab08e
- โทนสีเดียว: #7aa7cf, #345f83, #5682a8, #9fcdf7, #d6f3ff

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

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

#7aa7cf เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(122, 167, 207) ใน HSL คือ hsl(208.24, 46.96%, 64.51%) และใน OKLCH คือ oklch(71.102% 0.07622 245.962)

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

สีตรงข้ามของ #7aa7cf คือ #c3996e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #67aec0 และ #949ed2 ส่วนสีสามเส้าคือ #cc8e9a และ #96ab76

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

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

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

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