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

#f4b7e2 คือ rgb(244, 183, 226) ใน RGB และ oklch(84.795% 0.08934 337.52) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f4b7e2 |
| RGB | rgb(244, 183, 226) |
| HSL | hsl(317.7, 73.49%, 83.73%) |
| HSB / HSV | hsv(317.7 25% 95.69%) |
| HWB | hwb(317.7 71.76% 4.31%) |
| CMYK | cmyk(0% 25% 7% 4%) |
| Lab | lab(81.12 27.67 -12.57) |
| LCH | lch(81.12 30.39 335.57) |
| OKLab | oklab(84.795% 0.08255 -0.03416) |
| OKLCH | oklch(84.795% 0.08934 337.52) |
| Display P3 | color(display-p3 0.92027 0.72729 0.87676) |
| Rec. 2020 | color(rec2020 0.87025 0.71019 0.85931) |
| Adobe RGB | color(a98-rgb 0.89413 0.71183 0.8767) |
| ProPhoto RGB | color(prophoto-rgb 0.84727 0.69837 0.83907) |
| sRGB เชิงเส้น | color(srgb-linear 0.90466 0.47353 0.76052) |
| XYZ D65 | color(xyz-d65 0.67966 0.58593 0.79683) |
| XYZ D50 | color(xyz-d50 0.68569 0.58685 0.60166) |
| SwiftUI | Color(red: 0.957, green: 0.718, blue: 0.886) |
| UIKit | UIColor(red: 0.957, green: 0.718, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFF4B7E2) |
| Android XML | #F4B7E2 |

## ข้อมูล

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

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

#f4b7e2, #f6bee5, #f7c5e8, #f8cdeb, #f9d4ee, #fbdbf1, #fce2f4, #fde9f6, #fef1f9, #fef8fc

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

#f4b7e2, #d49fc4, #b587a8, #97708c, #7a5a71, #5e4557, #44313e, #2b1e27, #140c12, #030203

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

#f4b7e2, #f0b9e0, #edbcde, #e9bedc, #e5c0da, #e1c2d8, #ddc5d5, #d9c7d3, #d5c9d1, #d1cbcf

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

- คู่ตรงข้าม: #f4b7e2, #9bdfb6
- คู่ตรงข้ามแยก: #f4b7e2, #bdd999, #84e0d7
- ข้างเคียง: #f4b7e2, #ddbefb, #ffb5c2
- สามเส้า: #f4b7e2, #ddce89, #86dcf4
- สี่เหลี่ยมผืนผ้า: #f4b7e2, #ffb9a3, #9bdfb6, #86dcf4
- สี่เหลี่ยมจัตุรัส: #f4b7e2, #f5c28e, #9bdfb6, #9ed3ff
- โทนสีเดียว: #f4b7e2, #a56d96, #cc91bb, #ffe8ff, #ffe9ff

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

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

#f4b7e2 เป็นโทนพาสเทล เฉดอ่อนของสีบานเย็น ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีบานเย็น ใน RGB คือ rgb(244, 183, 226) ใน HSL คือ hsl(317.7, 73.49%, 83.73%) และใน OKLCH คือ oklch(84.795% 0.08934 337.52)

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

สีตรงข้ามของ #f4b7e2 คือ #9bdfb6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ddbefb และ #ffb5c2 ส่วนสีสามเส้าคือ #ddce89 และ #86dcf4

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

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

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

#f4b7e2 เป็นสีโทนกลาง ใน OKLCH มีฮิว 338 องศา ความสว่าง 84.8% และความสด 0.089