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

#abb2fb คือ rgb(171, 178, 251) ใน RGB และ oklch(78.521% 0.10405 279.485) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abb2fb |
| RGB | rgb(171, 178, 251) |
| HSL | hsl(234.75, 90.91%, 82.75%) |
| HSB / HSV | hsv(234.75 31.87% 98.43%) |
| HWB | hwb(234.75 67.06% 1.57%) |
| CMYK | cmyk(32% 29% 0% 2%) |
| Lab | lab(74.08 9.93 -37.37) |
| LCH | lch(74.08 38.67 284.89) |
| OKLab | oklab(78.521% 0.01715 -0.10263) |
| OKLCH | oklch(78.521% 0.10405 279.485) |
| Display P3 | color(display-p3 0.67557 0.69715 0.96285) |
| Rec. 2020 | color(rec2020 0.66346 0.667 0.95423) |
| Adobe RGB | color(a98-rgb 0.67262 0.69214 0.97381) |
| ProPhoto RGB | color(prophoto-rgb 0.67898 0.64653 0.93974) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.4452 0.96469) |
| XYZ D65 | color(xyz-d65 0.50125 0.47463 0.9779) |
| XYZ D50 | color(xyz-d50 0.48708 0.46825 0.73777) |
| SwiftUI | Color(red: 0.671, green: 0.698, blue: 0.984) |
| UIKit | UIColor(red: 0.671, green: 0.698, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFFABB2FB) |
| Android XML | #ABB2FB |

## ข้อมูล

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

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

#abb2fb, #b3bafc, #bbc2fd, #c3c9fd, #cbd1fe, #d4d9fe, #dce0ff, #e5e8ff, #edf0ff, #f6f7ff

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

#abb2fb, #949ada, #7e83ba, #686d9c, #54577e, #404361, #2d2f46, #1b1d2d, #0b0c15, #010103

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

#abb2fb, #acb3f5, #aeb4ee, #afb5e8, #b0b5e1, #b2b6db, #b3b7d4, #b4b7cd, #b6b8c7, #b7b8c0

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

- คู่ตรงข้าม: #abb2fb, #c9bb69
- คู่ตรงข้ามแยก: #abb2fb, #e4ad6d, #a4c77e
- ข้างเคียง: #abb2fb, #84bef9, #cda7ec
- สามเส้า: #abb2fb, #f3a287, #7bcea1
- สี่เหลี่ยมผืนผ้า: #abb2fb, #e69fcf, #c9bb69, #7bcea1
- สี่เหลี่ยมจัตุรัส: #abb2fb, #f39daa, #c9bb69, #5ccec7
- โทนสีเดียว: #abb2fb, #6469ac, #878dd3, #d6dcff, #f0f3ff

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

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

#abb2fb เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(171, 178, 251) ใน HSL คือ hsl(234.75, 90.91%, 82.75%) และใน OKLCH คือ oklch(78.521% 0.10405 279.485)

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

สีตรงข้ามของ #abb2fb คือ #c9bb69 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #84bef9 และ #cda7ec ส่วนสีสามเส้าคือ #f3a287 และ #7bcea1

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

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

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

#abb2fb เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 78.5% และความสด 0.104