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

#7caaaf คือ rgb(124, 170, 175) ใน RGB และ oklch(70.686% 0.04964 204.501) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7caaaf |
| RGB | rgb(124, 170, 175) |
| HSL | hsl(185.88, 24.17%, 58.63%) |
| HSB / HSV | hsv(185.88 29.14% 68.63%) |
| HWB | hwb(185.88 48.63% 31.37%) |
| CMYK | cmyk(29% 3% 0% 31%) |
| Lab | lab(66.44 -15.05 -7.84) |
| LCH | lch(66.44 16.96 207.51) |
| OKLab | oklab(70.686% -0.04517 -0.02059) |
| OKLCH | oklch(70.686% 0.04964 204.501) |
| Display P3 | color(display-p3 0.52421 0.66167 0.68207) |
| Rec. 2020 | color(rec2020 0.51802 0.61901 0.64679) |
| Adobe RGB | color(a98-rgb 0.5407 0.66074 0.67956) |
| ProPhoto RGB | color(prophoto-rgb 0.51196 0.58675 0.61898) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.40198 0.42869) |
| XYZ D65 | color(xyz-d65 0.30423 0.36129 0.45929) |
| XYZ D50 | color(xyz-d50 0.30405 0.359 0.34796) |
| SwiftUI | Color(red: 0.486, green: 0.667, blue: 0.686) |
| UIKit | UIColor(red: 0.486, green: 0.667, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF7CAAAF) |
| Android XML | #7CAAAF |

## ข้อมูล

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

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

#7caaaf, #89b2b7, #96bbbf, #a3c3c6, #b0cbce, #bdd4d6, #cadcde, #d7e5e6, #e4eeef, #f2f6f7

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

#7caaaf, #6b9398, #5a7d81, #4a686b, #3b5356, #2c3f41, #1e2d2e, #111b1c, #050b0b, #010101

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

#7caaaf, #80a9ae, #84a8ac, #88a7ab, #8ca6a9, #8fa5a8, #93a4a6, #96a3a5, #9aa2a3, #9da1a2

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

- คู่ตรงข้าม: #7caaaf, #be9591
- คู่ตรงข้ามแยก: #7caaaf, #bb94a2, #ba9984
- ข้างเคียง: #7caaaf, #80ab9e, #83a6bb
- สามเส้า: #7caaaf, #b196b2, #af9f7e
- สี่เหลี่ยมผืนผ้า: #7caaaf, #91a1c0, #be9591, #af9f7e
- สี่เหลี่ยมจัตุรัส: #7caaaf, #a29bbd, #be9591, #9fa581
- โทนสีเดียว: #7caaaf, #366267, #58858a, #a1d0d5, #c8f8fd

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

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

#7caaaf เป็นโทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(124, 170, 175) ใน HSL คือ hsl(185.88, 24.17%, 58.63%) และใน OKLCH คือ oklch(70.686% 0.04964 204.501)

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

สีตรงข้ามของ #7caaaf คือ #be9591 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #80ab9e และ #83a6bb ส่วนสีสามเส้าคือ #b196b2 และ #af9f7e

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

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

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

#7caaaf เป็นสีโทนเย็น ใน OKLCH มีฮิว 205 องศา ความสว่าง 70.7% และความสด 0.05