# สี #aacbd5: โทนพาสเทล เฉดอ่อนของสีฟ้า

#aacbd5 คือ rgb(170, 203, 213) ใน RGB และ oklch(82.116% 0.03794 218.058) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aacbd5 |
| RGB | rgb(170, 203, 213) |
| HSL | hsl(193.95, 33.86%, 75.1%) |
| HSB / HSV | hsv(193.95 20.19% 83.53%) |
| HWB | hwb(193.95 66.67% 16.47%) |
| CMYK | cmyk(20% 5% 0% 16%) |
| Lab | lab(79.49 -9.79 -8.86) |
| LCH | lch(79.49 13.2 222.16) |
| OKLab | oklab(82.116% -0.02988 -0.02339) |
| OKLCH | oklch(82.116% 0.03794 218.058) |
| Display P3 | color(display-p3 0.69197 0.79222 0.83001) |
| Rec. 2020 | color(rec2020 0.68906 0.76401 0.80945) |
| Adobe RGB | color(a98-rgb 0.70084 0.79104 0.82931) |
| ProPhoto RGB | color(prophoto-rgb 0.68301 0.73882 0.78912) |
| sRGB เชิงเส้น | color(srgb-linear 0.40198 0.5972 0.66539) |
| XYZ D65 | color(xyz-d65 0.49941 0.56061 0.71143) |
| XYZ D50 | color(xyz-d50 0.5005 0.5579 0.53873) |
| SwiftUI | Color(red: 0.667, green: 0.796, blue: 0.835) |
| UIKit | UIColor(red: 0.667, green: 0.796, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFFAACBD5) |
| Android XML | #AACBD5 |

## ข้อมูล

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

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

#aacbd5, #b2d0d9, #bbd5dd, #c3dae2, #cce0e6, #d4e5ea, #ddeaee, #e5eff2, #eef4f7, #f6fafb

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

#aacbd5, #93b0b9, #7d969e, #687d83, #53656a, #3f4d51, #2d373a, #1b2224, #0b0f10, #010202

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

#aacbd5, #adcad3, #b0cad2, #b2c9d0, #b5c8ce, #b8c8cd, #bac7cb, #bdc6c9, #bfc6c8, #c2c5c6

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

- คู่ตรงข้าม: #aacbd5, #dcbdb3
- คู่ตรงข้ามแยก: #aacbd5, #dcbbc0, #d5c0ab
- ข้างเคียง: #aacbd5, #aacdc9, #b2c7dc
- สามเส้า: #aacbd5, #d6bccd, #cbc5aa
- สี่เหลี่ยมผืนผ้า: #aacbd5, #bec3de, #dcbdb3, #cbc5aa
- สี่เหลี่ยมจัตุรัส: #aacbd5, #cbbed8, #dcbdb3, #bdcab0
- โทนสีเดียว: #aacbd5, #62818a, #85a5af, #d0f2fd, #dafcff

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

### #aacbd5 คือสีอะไร

#aacbd5 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(170, 203, 213) ใน HSL คือ hsl(193.95, 33.86%, 75.1%) และใน OKLCH คือ oklch(82.116% 0.03794 218.058)

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

สีตรงข้ามของ #aacbd5 คือ #dcbdb3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aacdc9 และ #b2c7dc ส่วนสีสามเส้าคือ #d6bccd และ #cbc5aa

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

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

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

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