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

#f2c19e คือ rgb(242, 193, 158) ใน RGB และ oklch(84.584% 0.07321 57.076) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f2c19e |
| RGB | rgb(242, 193, 158) |
| HSL | hsl(25, 76.36%, 78.43%) |
| HSB / HSV | hsv(25 34.71% 94.9%) |
| HWB | hwb(25 61.96% 5.1%) |
| CMYK | cmyk(0% 20% 35% 5%) |
| Lab | lab(81.87 14.63 24.69) |
| LCH | lch(81.87 28.7 59.35) |
| OKLab | oklab(84.584% 0.03979 0.06145) |
| OKLCH | oklch(84.584% 0.07321 57.076) |
| Display P3 | color(display-p3 0.91872 0.76428 0.6383) |
| Rec. 2020 | color(rec2020 0.86506 0.74454 0.6015) |
| Adobe RGB | color(a98-rgb 0.89675 0.75135 0.62025) |
| ProPhoto RGB | color(prophoto-rgb 0.81639 0.7266 0.57873) |
| sRGB เชิงเส้น | color(srgb-linear 0.88792 0.53328 0.34191) |
| XYZ D65 | color(xyz-d65 0.61857 0.59487 0.40573) |
| XYZ D50 | color(xyz-d50 0.64151 0.60058 0.3083) |
| SwiftUI | Color(red: 0.949, green: 0.757, blue: 0.62) |
| UIKit | UIColor(red: 0.949, green: 0.757, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFFF2C19E) |
| Android XML | #F2C19E |

## ข้อมูล

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

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

#f2c19e, #f4c7a8, #f5cdb1, #f7d4bb, #f8dac5, #f9e0ce, #fbe6d8, #fcece2, #fdf3ec, #fef9f5

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

#f2c19e, #d2a789, #b48f74, #967760, #795f4d, #5e493a, #433429, #2b2018, #140e09, #030201

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

#f2c19e, #eec2a3, #ebc4a8, #e7c5ac, #e3c6b1, #e0c7b6, #dcc8ba, #d8c9bf, #d4cac3, #d0cbc8

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

- คู่ตรงข้าม: #f2c19e, #9fd4f7
- คู่ตรงข้ามแยก: #f2c19e, #92dae5, #b7ccfd
- ข้างเคียง: #f2c19e, #f9bbb3, #e1ca95
- สามเส้า: #f2c19e, #98ddcb, #d1c3f7
- สี่เหลี่ยมผืนผ้า: #f2c19e, #c8d39d, #9fd4f7, #d1c3f7
- สี่เหลี่ยมจัตุรัส: #f2c19e, #addab1, #9fd4f7, #e7bce6
- โทนสีเดียว: #f2c19e, #a47756, #ca9b79, #ffedd6, #ffeed9

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

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

#f2c19e เป็นโทนพาสเทล เฉดอ่อนของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเบจ ใน RGB คือ rgb(242, 193, 158) ใน HSL คือ hsl(25, 76.36%, 78.43%) และใน OKLCH คือ oklch(84.584% 0.07321 57.076)

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

สีตรงข้ามของ #f2c19e คือ #9fd4f7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f9bbb3 และ #e1ca95 ส่วนสีสามเส้าคือ #98ddcb และ #d1c3f7

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

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

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

#f2c19e เป็นสีโทนร้อน ใน OKLCH มีฮิว 57 องศา ความสว่าง 84.6% และความสด 0.073