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

#e4e7f0 คือ rgb(228, 231, 240) ใน RGB และ oklch(92.829% 0.01257 271.28) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #e4e7f0 |
| RGB | rgb(228, 231, 240) |
| HSL | hsl(225, 28.57%, 91.76%) |
| HSB / HSV | hsv(225 5% 94.12%) |
| HWB | hwb(225 89.41% 5.88%) |
| CMYK | cmyk(5% 4% 0% 6%) |
| Lab | lab(91.61 0.19 -4.75) |
| LCH | lch(91.61 4.76 272.32) |
| OKLab | oklab(92.829% 0.00028 -0.01257) |
| OKLCH | oklch(92.829% 0.01257 271.28) |
| Display P3 | color(display-p3 0.89622 0.9055 0.9379) |
| Rec. 2020 | color(rec2020 0.88803 0.89403 0.92971) |
| Adobe RGB | color(a98-rgb 0.89445 0.90305 0.93785) |
| ProPhoto RGB | color(prophoto-rgb 0.88153 0.8827 0.92037) |
| sRGB เชิงเส้น | color(srgb-linear 0.77582 0.7991 0.87137) |
| XYZ D65 | color(xyz-d65 0.76295 0.79937 0.93851) |
| XYZ D50 | color(xyz-d50 0.77076 0.7983 0.71062) |
| SwiftUI | Color(red: 0.894, green: 0.906, blue: 0.941) |
| UIKit | UIColor(red: 0.894, green: 0.906, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFE4E7F0) |
| Android XML | #E4E7F0 |

## ข้อมูล

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

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

#e4e7f0, #e7e9f2, #e9ecf3, #eceef5, #eff1f6, #f1f3f8, #f4f5f9, #f7f8fb, #fafafc, #fcfdfe

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

#e4e7f0, #c6c9d1, #a9abb2, #8d8f95, #727378, #58595d, #3f4043, #28282a, #121314, #030303

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

#e4e7f0, #e4e7ef, #e5e7ee, #e5e7ed, #e5e7ec, #e6e7ec, #e6e7eb, #e6e7ea, #e6e7e9, #e7e7e8

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

- คู่ตรงข้าม: #e4e7f0, #eae7de
- คู่ตรงข้ามแยก: #e4e7f0, #eee6df, #e6e9e0
- ข้างเคียง: #e4e7f0, #e0e9ef, #e8e5ef
- สามเส้า: #e4e7f0, #f0e4e2, #e2eae3
- สี่เหลี่ยมผืนผ้า: #e4e7f0, #ede4eb, #eae7de, #e2eae3
- สี่เหลี่ยมจัตุรัส: #e4e7f0, #efe4e7, #eae7de, #dfeae8
- โทนสีเดียว: #e4e7f0, #989ba3, #bdc0c9, #f2f5fe, #f2f5fe

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

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

#e4e7f0 เป็นเฉดอ่อนมากของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดอ่อนมากของสีเทา ใน RGB คือ rgb(228, 231, 240) ใน HSL คือ hsl(225, 28.57%, 91.76%) และใน OKLCH คือ oklch(92.829% 0.01257 271.28)

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

สีตรงข้ามของ #e4e7f0 คือ #eae7de หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #e0e9ef และ #e8e5ef ส่วนสีสามเส้าคือ #f0e4e2 และ #e2eae3

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

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

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

#e4e7f0 เป็นสีโทนกลาง ใน OKLCH มีฮิว 271 องศา ความสว่าง 92.8% และความสด 0.013