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

#7ab9cb คือ rgb(122, 185, 203) ใน RGB และ oklch(74.956% 0.06937 217.746) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ab9cb |
| RGB | rgb(122, 185, 203) |
| HSL | hsl(193.33, 43.78%, 63.73%) |
| HSB / HSV | hsv(193.33 39.9% 79.61%) |
| HWB | hwb(193.33 47.84% 20.39%) |
| CMYK | cmyk(40% 9% 0% 20%) |
| Lab | lab(71.37 -17.52 -15.88) |
| LCH | lch(71.37 23.65 222.19) |
| OKLab | oklab(74.956% -0.05486 -0.04247) |
| OKLCH | oklch(74.956% 0.06937 217.746) |
| Display P3 | color(display-p3 0.53333 0.71899 0.78711) |
| Rec. 2020 | color(rec2020 0.54753 0.6806 0.76151) |
| Adobe RGB | color(a98-rgb 0.55817 0.71972 0.78826) |
| ProPhoto RGB | color(prophoto-rgb 0.55554 0.64938 0.73691) |
| sRGB เชิงเส้น | color(srgb-linear 0.19462 0.48515 0.5972) |
| XYZ D65 | color(xyz-d65 0.36152 0.43146 0.62925) |
| XYZ D50 | color(xyz-d50 0.35717 0.4273 0.47627) |
| SwiftUI | Color(red: 0.478, green: 0.725, blue: 0.796) |
| UIKit | UIColor(red: 0.478, green: 0.725, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF7AB9CB) |
| Android XML | #7AB9CB |

## ข้อมูล

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

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

#7ab9cb, #88c0d0, #96c7d5, #a3cedb, #b0d5e0, #bddce5, #cbe3ea, #d8eaef, #e5f1f5, #f2f8fa

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

#7ab9cb, #69a0b0, #598996, #49717d, #3a5b65, #2b464d, #1d3137, #101e22, #050d0f, #010202

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

#7ab9cb, #80b8c8, #86b7c5, #8cb6c2, #91b5bf, #96b4bc, #9bb2ba, #a0b1b7, #a5b0b4, #a9afb1

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

- คู่ตรงข้าม: #7ab9cb, #d59f8e
- คู่ตรงข้ามแยก: #7ab9cb, #d59ca6, #cca67f
- ข้างเคียง: #7ab9cb, #79bcb6, #8bb2d8
- สามเส้า: #7ab9cb, #cb9dbd, #b9af7c
- สี่เหลี่ยมผืนผ้า: #7ab9cb, #a3aada, #d59f8e, #b9af7c
- สี่เหลี่ยมจัตุรัส: #7ab9cb, #baa3d0, #d59f8e, #a1b787
- โทนสีเดียว: #7ab9cb, #307080, #5594a5, #a0e0f2, #cdffff

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

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

#7ab9cb เป็นโทนตุ่น เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(122, 185, 203) ใน HSL คือ hsl(193.33, 43.78%, 63.73%) และใน OKLCH คือ oklch(74.956% 0.06937 217.746)

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

สีตรงข้ามของ #7ab9cb คือ #d59f8e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #79bcb6 และ #8bb2d8 ส่วนสีสามเส้าคือ #cb9dbd และ #b9af7c

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

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

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

#7ab9cb เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 75% และความสด 0.069