# สี #acb2d5: โทนตุ่น เฉดอ่อนของสีคราม

#acb2d5 คือ rgb(172, 178, 213) ใน RGB และ oklch(77.053% 0.05038 277.501) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #acb2d5 |
| RGB | rgb(172, 178, 213) |
| HSL | hsl(231.22, 32.8%, 75.49%) |
| HSB / HSV | hsv(231.22 19.25% 83.53%) |
| HWB | hwb(231.22 67.45% 16.47%) |
| CMYK | cmyk(19% 16% 0% 16%) |
| Lab | lab(72.98 3.32 -18.52) |
| LCH | lch(72.98 18.81 280.16) |
| OKLab | oklab(77.053% 0.00658 -0.04995) |
| OKLCH | oklch(77.053% 0.05038 277.501) |
| Display P3 | color(display-p3 0.67876 0.69727 0.8239) |
| Rec. 2020 | color(rec2020 0.65596 0.66467 0.80116) |
| Adobe RGB | color(a98-rgb 0.67539 0.69214 0.82574) |
| ProPhoto RGB | color(prophoto-rgb 0.64871 0.64028 0.77716) |
| sRGB เชิงเส้น | color(srgb-linear 0.41254 0.4452 0.66539) |
| XYZ D65 | color(xyz-d65 0.44942 0.45415 0.69351) |
| XYZ D50 | color(xyz-d50 0.44657 0.45128 0.52412) |
| SwiftUI | Color(red: 0.675, green: 0.698, blue: 0.835) |
| UIKit | UIColor(red: 0.675, green: 0.698, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFFACB2D5) |
| Android XML | #ACB2D5 |

## ข้อมูล

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

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

#acb2d5, #b4bad9, #bcc1de, #c4c9e2, #ccd0e6, #d5d8ea, #dde0ee, #e5e8f3, #eeeff7, #f6f7fb

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

#acb2d5, #959ab9, #7f839e, #696d83, #54576a, #404351, #2d2f3a, #1b1d24, #0b0c10, #010102

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

#acb2d5, #adb2d2, #aeb3cf, #aeb3cb, #afb3c8, #b0b3c5, #b1b3c2, #b2b4be, #b3b4bb, #b3b4b8

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

- คู่ตรงข้าม: #acb2d5, #bdb591
- คู่ตรงข้ามแยก: #acb2d5, #cbaf93, #abbb99
- ข้างเคียง: #acb2d5, #9bb8d3, #bdacce
- สามเส้า: #acb2d5, #d2aa9e, #9bbfa8
- สี่เหลี่ยมผืนผ้า: #acb2d5, #caa9c0, #bdb591, #9bbfa8
- สี่เหลี่ยมจัตุรัส: #acb2d5, #d2a8ae, #bdb591, #90bfba
- โทนสีเดียว: #acb2d5, #646a89, #878dae, #d2d9fd, #eff4ff

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

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

#acb2d5 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(172, 178, 213) ใน HSL คือ hsl(231.22, 32.8%, 75.49%) และใน OKLCH คือ oklch(77.053% 0.05038 277.501)

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

สีตรงข้ามของ #acb2d5 คือ #bdb591 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9bb8d3 และ #bdacce ส่วนสีสามเส้าคือ #d2aa9e และ #9bbfa8

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

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

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

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