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

#f3c19a คือ rgb(243, 193, 154) ใน RGB และ oklch(84.6% 0.07731 59.43) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f3c19a |
| RGB | rgb(243, 193, 154) |
| HSL | hsl(26.29, 78.76%, 77.84%) |
| HSB / HSV | hsv(26.29 36.63% 95.29%) |
| HWB | hwb(26.29 60.39% 4.71%) |
| CMYK | cmyk(0% 21% 37% 5%) |
| Lab | lab(81.91 14.68 26.86) |
| LCH | lch(81.91 30.61 61.34) |
| OKLab | oklab(84.6% 0.03932 0.06657) |
| OKLCH | oklch(84.6% 0.07731 59.43) |
| Display P3 | color(display-p3 0.92208 0.76446 0.6247) |
| Rec. 2020 | color(rec2020 0.86763 0.74479 0.58701) |
| Adobe RGB | color(a98-rgb 0.89984 0.75135 0.60553) |
| ProPhoto RGB | color(prophoto-rgb 0.81755 0.72681 0.56474) |
| sRGB เชิงเส้น | color(srgb-linear 0.89627 0.53328 0.32314) |
| XYZ D65 | color(xyz-d65 0.61863 0.59529 0.38805) |
| XYZ D50 | color(xyz-d50 0.64246 0.6013 0.29501) |
| SwiftUI | Color(red: 0.953, green: 0.757, blue: 0.604) |
| UIKit | UIColor(red: 0.953, green: 0.757, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFF3C19A) |
| Android XML | #F3C19A |

## ข้อมูล

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

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

#f3c19a, #f5c7a4, #f6cdae, #f7d4b8, #f9dac3, #fae0cd, #fbe6d7, #fcece1, #fdf3eb, #fef9f5

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

#f3c19a, #d3a785, #b48f71, #97775e, #7a5f4b, #5e4939, #443427, #2b2017, #140e09, #030201

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

#f3c19a, #efc29f, #ecc4a5, #e8c5aa, #e4c6af, #e0c7b4, #dcc8b9, #d8c9be, #d4cac3, #d0cbc7

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

- คู่ตรงข้าม: #f3c19a, #9ed4fa
- คู่ตรงข้ามแยก: #f3c19a, #8fdbe8, #b8cbff
- ข้างเคียง: #f3c19a, #fbbaaf, #e0cb92
- สามเส้า: #f3c19a, #93dece, #d3c2f8
- สี่เหลี่ยมผืนผ้า: #f3c19a, #c6d49b, #9ed4fa, #d3c2f8
- สี่เหลี่ยมจัตุรัส: #f3c19a, #a9dbb2, #9ed4fa, #eabbe5
- โทนสีเดียว: #f3c19a, #a57752, #cb9b75, #ffedd4, #ffefd7

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

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

#f3c19a เป็นโทนพาสเทล เฉดอ่อนของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเบจ ใน RGB คือ rgb(243, 193, 154) ใน HSL คือ hsl(26.29, 78.76%, 77.84%) และใน OKLCH คือ oklch(84.6% 0.07731 59.43)

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

สีตรงข้ามของ #f3c19a คือ #9ed4fa หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fbbaaf และ #e0cb92 ส่วนสีสามเส้าคือ #93dece และ #d3c2f8

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

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

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

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