# สี #f5c19e: โทนพาสเทล เฉดอ่อนของสีเบจ

#f5c19e คือ rgb(245, 193, 158) ใน RGB และ oklch(84.878% 0.07595 55.403) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5c19e |
| RGB | rgb(245, 193, 158) |
| HSL | hsl(24.14, 81.31%, 79.02%) |
| HSB / HSV | hsv(24.14 35.51% 96.08%) |
| HWB | hwb(24.14 61.96% 3.92%) |
| CMYK | cmyk(0% 21% 36% 4%) |
| Lab | lab(82.17 15.8 25.16) |
| LCH | lch(82.17 29.71 57.87) |
| OKLab | oklab(84.878% 0.04312 0.06252) |
| OKLCH | oklch(84.878% 0.07595 55.403) |
| Display P3 | color(display-p3 0.92883 0.76481 0.63864) |
| Rec. 2020 | color(rec2020 0.87418 0.74573 0.60185) |
| Adobe RGB | color(a98-rgb 0.90602 0.75135 0.62025) |
| ProPhoto RGB | color(prophoto-rgb 0.82506 0.72838 0.5791) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.53328 0.34191) |
| XYZ D65 | color(xyz-d65 0.62895 0.60023 0.40622) |
| XYZ D50 | color(xyz-d50 0.65248 0.60618 0.30865) |
| SwiftUI | Color(red: 0.961, green: 0.757, blue: 0.62) |
| UIKit | UIColor(red: 0.961, green: 0.757, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFFF5C19E) |
| Android XML | #F5C19E |

## ข้อมูล

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

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

#f5c19e, #f6c7a8, #f8cdb1, #f9d4bb, #fadac5, #fbe0ce, #fce6d8, #fdece2, #fef3ec, #fef9f5

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

#f5c19e, #d5a789, #b68f74, #987760, #7b5f4d, #5f493a, #443429, #2b2018, #150e09, #030201

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

#f5c19e, #f1c2a3, #edc4a8, #eac5ad, #e6c6b2, #e2c8b6, #dec9bb, #dacac0, #d6cbc4, #d1ccc9

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

- คู่ตรงข้าม: #f5c19e, #9dd6f9
- คู่ตรงข้ามแยก: #f5c19e, #90dce5, #b6cdff
- ข้างเคียง: #f5c19e, #fbbbb4, #e4ca94
- สามเส้า: #f5c19e, #98decb, #d1c4fa
- สี่เหลี่ยมผืนผ้า: #f5c19e, #cbd49b, #9dd6f9, #d1c4fa
- สี่เหลี่ยมจัตุรัส: #f5c19e, #afdbb0, #9dd6f9, #e8bde9
- โทนสีเดียว: #f5c19e, #a67756, #cd9b79, #ffeed9, #ffeeda

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

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

#f5c19e เป็นโทนพาสเทล เฉดอ่อนของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเบจ ใน RGB คือ rgb(245, 193, 158) ใน HSL คือ hsl(24.14, 81.31%, 79.02%) และใน OKLCH คือ oklch(84.878% 0.07595 55.403)

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

สีตรงข้ามของ #f5c19e คือ #9dd6f9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fbbbb4 และ #e4ca94 ส่วนสีสามเส้าคือ #98decb และ #d1c4fa

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

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

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

#f5c19e เป็นสีโทนร้อน ใน OKLCH มีฮิว 55 องศา ความสว่าง 84.9% และความสด 0.076