# สี #e5bafe: โทนพาสเทล เฉดอ่อนของสีม่วง

#e5bafe คือ rgb(229, 186, 254) ใน RGB และ oklch(84.913% 0.10304 312.812) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e5bafe |
| RGB | rgb(229, 186, 254) |
| HSL | hsl(277.94, 97.14%, 86.27%) |
| HSB / HSV | hsv(277.94 26.77% 99.61%) |
| HWB | hwb(277.94 72.94% 0.39%) |
| CMYK | cmyk(10% 27% 0% 0%) |
| Lab | lab(81.09 24.91 -27.73) |
| LCH | lch(81.09 37.28 311.94) |
| OKLab | oklab(84.913% 0.07003 -0.07559) |
| OKLCH | oklch(84.913% 0.10304 312.812) |
| Display P3 | color(display-p3 0.87119 0.73584 0.9783) |
| Rec. 2020 | color(rec2020 0.8347 0.71757 0.9717) |
| Adobe RGB | color(a98-rgb 0.8504 0.72367 0.98648) |
| ProPhoto RGB | color(prophoto-rgb 0.8307 0.70563 0.95977) |
| sRGB เชิงเส้น | color(srgb-linear 0.78354 0.49102 0.9911) |
| XYZ D65 | color(xyz-d65 0.67758 0.58932 1.01575) |
| XYZ D50 | color(xyz-d50 0.6726 0.58642 0.76632) |
| SwiftUI | Color(red: 0.898, green: 0.729, blue: 0.996) |
| UIKit | UIColor(red: 0.898, green: 0.729, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFE5BAFE) |
| Android XML | #E5BAFE |

## ข้อมูล

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

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

#e5bafe, #e8c1fe, #eac8ff, #edcfff, #f0d6ff, #f2ddff, #f5e4ff, #f7eaff, #faf1ff, #fcf8ff

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

#e5bafe, #c7a1dd, #aa89bd, #8e729e, #725c80, #584663, #3f3247, #281e2d, #120d16, #030203

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

#e5bafe, #e3bcf9, #e0bef5, #dec0f0, #dcc2eb, #d9c4e6, #d7c6e1, #d5c8dc, #d2cad7, #d0ccd2

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

- คู่ตรงข้าม: #e5bafe, #b3dc96
- คู่ตรงข้ามแยก: #e5bafe, #dad17f, #8ce3ba
- ข้างเคียง: #e5bafe, #c4c6ff, #fdb3df
- สามเส้า: #e5bafe, #f7c380, #73e3e0
- สี่เหลี่ยมผืนผ้า: #e5bafe, #ffb2bb, #b3dc96, #73e3e0
- สี่เหลี่ยมจัตุรัส: #e5bafe, #ffb897, #b3dc96, #7bddfe
- โทนสีเดียว: #e5bafe, #9870af, #be94d6, #ffecff, #ffecff

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

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

#e5bafe เป็นโทนพาสเทล เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีม่วง ใน RGB คือ rgb(229, 186, 254) ใน HSL คือ hsl(277.94, 97.14%, 86.27%) และใน OKLCH คือ oklch(84.913% 0.10304 312.812)

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

สีตรงข้ามของ #e5bafe คือ #b3dc96 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c4c6ff และ #fdb3df ส่วนสีสามเส้าคือ #f7c380 และ #73e3e0

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

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

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

#e5bafe เป็นสีโทนกลาง ใน OKLCH มีฮิว 313 องศา ความสว่าง 84.9% และความสด 0.103