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

#f4b59a คือ rgb(244, 181, 154) ใน RGB และ oklch(82.472% 0.08255 44.212) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f4b59a |
| RGB | rgb(244, 181, 154) |
| HSL | hsl(18, 80.36%, 78.04%) |
| HSB / HSV | hsv(18 36.89% 95.69%) |
| HWB | hwb(18 60.39% 4.31%) |
| CMYK | cmyk(0% 26% 37% 4%) |
| Lab | lab(79.16 21.06 23.22) |
| LCH | lch(79.16 31.35 47.8) |
| OKLab | oklab(82.472% 0.05917 0.05756) |
| OKLCH | oklch(82.472% 0.08255 44.212) |
| Display P3 | color(display-p3 0.91927 0.71984 0.62061) |
| Rec. 2020 | color(rec2020 0.85703 0.69894 0.5816) |
| Adobe RGB | color(a98-rgb 0.89243 0.70395 0.60309) |
| ProPhoto RGB | color(prophoto-rgb 0.80503 0.68168 0.55747) |
| sRGB เชิงเส้น | color(srgb-linear 0.90466 0.46208 0.32314) |
| XYZ D65 | color(xyz-d65 0.59663 0.54616 0.37972) |
| XYZ D50 | color(xyz-d50 0.6187 0.55213 0.28821) |
| SwiftUI | Color(red: 0.957, green: 0.71, blue: 0.604) |
| UIKit | UIColor(red: 0.957, green: 0.71, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFF4B59A) |
| Android XML | #F4B59A |

## ข้อมูล

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

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

#f4b59a, #f6bca4, #f7c4ae, #f9cbb8, #fad3c2, #fbdacc, #fce1d6, #fde9e0, #fef0eb, #fef8f5

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

#f4b59a, #d49d85, #b58671, #976f5e, #7a594b, #5e4439, #443027, #2b1d17, #140c09, #030201

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

#f4b59a, #f0b79f, #ebb9a3, #e7baa8, #e2bcac, #debeb0, #d9bfb5, #d4c1b9, #cfc2bd, #cac4c1

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

- คู่ตรงข้าม: #f4b59a, #89d2ee
- คู่ตรงข้ามแยก: #f4b59a, #82d7d5, #a1c9fb
- ข้างเคียง: #f4b59a, #f6b0b5, #e6be89
- สามเส้า: #f4b59a, #92d7b8, #bfbffa
- สี่เหลี่ยมผืนผ้า: #f4b59a, #cec98a, #89d2ee, #bfbffa
- สี่เหลี่ยมจัตุรัส: #f4b59a, #b0d29c, #89d2ee, #dab6eb
- โทนสีเดียว: #f4b59a, #a56b53, #cc8f75, #ffe2d0, #ffede0

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

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

#f4b59a เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(244, 181, 154) ใน HSL คือ hsl(18, 80.36%, 78.04%) และใน OKLCH คือ oklch(82.472% 0.08255 44.212)

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

สีตรงข้ามของ #f4b59a คือ #89d2ee หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f6b0b5 และ #e6be89 ส่วนสีสามเส้าคือ #92d7b8 และ #bfbffa

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

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

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

#f4b59a เป็นสีโทนร้อน ใน OKLCH มีฮิว 44 องศา ความสว่าง 82.5% และความสด 0.083