# สี #e2e8f4: เฉดอ่อนมากของสีเทา

#e2e8f4 คือ rgb(226, 232, 244) ใน RGB และ oklch(92.996% 0.01749 264.483) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e2e8f4 |
| RGB | rgb(226, 232, 244) |
| HSL | hsl(220, 45%, 92.16%) |
| HSB / HSV | hsv(220 7.38% 95.69%) |
| HWB | hwb(220 88.63% 4.31%) |
| CMYK | cmyk(7% 5% 0% 4%) |
| Lab | lab(91.8 -0.4 -6.57) |
| LCH | lch(91.8 6.58 266.48) |
| OKLab | oklab(92.996% -0.00168 -0.0174) |
| OKLCH | oklch(92.996% 0.01749 264.483) |
| Display P3 | color(display-p3 0.89051 0.90904 0.9524) |
| Rec. 2020 | color(rec2020 0.88488 0.89769 0.94579) |
| Adobe RGB | color(a98-rgb 0.88991 0.90707 0.95353) |
| ProPhoto RGB | color(prophoto-rgb 0.88102 0.88655 0.93774) |
| sRGB เชิงเส้น | color(srgb-linear 0.76052 0.80695 0.90466) |
| XYZ D65 | color(xyz-d65 0.76546 0.80413 0.9708) |
| XYZ D50 | color(xyz-d50 0.77188 0.80255 0.73495) |
| SwiftUI | Color(red: 0.886, green: 0.91, blue: 0.957) |
| UIKit | UIColor(red: 0.886, green: 0.91, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFFE2E8F4) |
| Android XML | #E2E8F4 |

## ข้อมูล

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

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

#e2e8f4, #e5eaf5, #e8edf6, #ebeff7, #eef1f8, #f0f3fa, #f3f6fb, #f6f8fc, #f9fafd, #fcfdfe

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

#e2e8f4, #c4cad4, #a8acb5, #8c9097, #71747a, #57595e, #3e4044, #27292b, #121314, #030303

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

#e2e8f4, #e3e8f3, #e3e8f2, #e4e8f0, #e4e8ef, #e5e8ee, #e5e8ed, #e6e8eb, #e7e8ea, #e7e8e9

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

- คู่ตรงข้าม: #e2e8f4, #ede7db
- คู่ตรงข้ามแยก: #e2e8f4, #f2e5dd, #e7e9dc
- ข้างเคียง: #e2e8f4, #ddeaf2, #e8e6f3
- สามเส้า: #e2e8f4, #f3e4e2, #e1ebe1
- สี่เหลี่ยมผืนผ้า: #e2e8f4, #eee4ee, #ede7db, #e1ebe1
- สี่เหลี่ยมจัตุรัส: #e2e8f4, #f2e3e8, #ede7db, #ddece7
- โทนสีเดียว: #e2e8f4, #969ba7, #bbc1cd, #eff5ff, #eff5ff

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

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

#e2e8f4 เป็นเฉดอ่อนมากของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนมากของสีเทา ใน RGB คือ rgb(226, 232, 244) ใน HSL คือ hsl(220, 45%, 92.16%) และใน OKLCH คือ oklch(92.996% 0.01749 264.483)

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

สีตรงข้ามของ #e2e8f4 คือ #ede7db หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ddeaf2 และ #e8e6f3 ส่วนสีสามเส้าคือ #f3e4e2 และ #e1ebe1

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

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

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

#e2e8f4 เป็นสีโทนกลาง ใน OKLCH มีฮิว 264 องศา ความสว่าง 93% และความสด 0.017