# สี #e2afe5: โทนพาสเทล เฉดอ่อนของสีบานเย็น

#e2afe5 คือ rgb(226, 175, 229) ใน RGB และ oklch(81.741% 0.09265 324.567) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e2afe5 |
| RGB | rgb(226, 175, 229) |
| HSL | hsl(296.67, 50.94%, 79.22%) |
| HSB / HSV | hsv(296.67 23.58% 89.8%) |
| HWB | hwb(296.67 68.63% 10.2%) |
| CMYK | cmyk(1% 24% 0% 10%) |
| Lab | lab(77.52 25.84 -19.77) |
| LCH | lch(77.52 32.54 322.58) |
| OKLab | oklab(81.741% 0.07549 -0.05371) |
| OKLCH | oklch(81.741% 0.09265 324.567) |
| Display P3 | color(display-p3 0.85518 0.69415 0.88469) |
| Rec. 2020 | color(rec2020 0.80769 0.67249 0.86763) |
| Adobe RGB | color(a98-rgb 0.83125 0.68035 0.88739) |
| ProPhoto RGB | color(prophoto-rgb 0.78998 0.65843 0.84685) |
| sRGB เชิงเส้น | color(srgb-linear 0.76052 0.42869 0.78354) |
| XYZ D65 | color(xyz-d65 0.60834 0.52487 0.81058) |
| XYZ D50 | color(xyz-d50 0.60886 0.52403 0.61173) |
| SwiftUI | Color(red: 0.886, green: 0.686, blue: 0.898) |
| UIKit | UIColor(red: 0.886, green: 0.686, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFFE2AFE5) |
| Android XML | #E2AFE5 |

## ข้อมูล

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

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

#e2afe5, #e5b7e8, #e8bfea, #ebc7ed, #eecff0, #f1d7f2, #f4dff5, #f7e7f8, #faeffa, #fcf7fd

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

#e2afe5, #c498c7, #a881aa, #8c6b8e, #715672, #574158, #3e2e3f, #271c28, #120b12, #030103

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

#e2afe5, #dfb1e2, #dcb3de, #d9b5db, #d6b8d8, #d3bad4, #d0bcd1, #cdbdcd, #cabfca, #c6c1c7

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

- คู่ตรงข้าม: #e2afe5, #9ed49e
- คู่ตรงข้ามแยก: #e2afe5, #c1cb84, #7fd7bf
- ข้างเคียง: #e2afe5, #c7b8fa, #f4abc7
- สามเส้า: #e2afe5, #dfbf7c, #74d5df
- สี่เหลี่ยมผืนผ้า: #e2afe5, #faaca6, #9ed49e, #74d5df
- สี่เหลี่ยมจัตุรัส: #e2afe5, #f3b38a, #9ed49e, #85cef7
- โทนสีเดียว: #e2afe5, #956698, #bb8abe, #ffd8ff, #ffeaff

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

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

#e2afe5 เป็นโทนพาสเทล เฉดอ่อนของสีบานเย็น ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีบานเย็น ใน RGB คือ rgb(226, 175, 229) ใน HSL คือ hsl(296.67, 50.94%, 79.22%) และใน OKLCH คือ oklch(81.741% 0.09265 324.567)

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

สีตรงข้ามของ #e2afe5 คือ #9ed49e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c7b8fa และ #f4abc7 ส่วนสีสามเส้าคือ #dfbf7c และ #74d5df

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

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

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

#e2afe5 เป็นสีโทนกลาง ใน OKLCH มีฮิว 325 องศา ความสว่าง 81.7% และความสด 0.093