# สี #f5c28e: โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน

#f5c28e คือ rgb(245, 194, 142) ใน RGB และ oklch(84.756% 0.08916 66.687) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5c28e |
| RGB | rgb(245, 194, 142) |
| HSL | hsl(30.29, 83.74%, 75.88%) |
| HSB / HSV | hsv(30.29 42.04% 96.08%) |
| HWB | hwb(30.29 55.69% 3.92%) |
| CMYK | cmyk(0% 21% 42% 4%) |
| Lab | lab(82.18 14.01 33.48) |
| LCH | lch(82.18 36.3 67.3) |
| OKLab | oklab(84.756% 0.03529 0.08188) |
| OKLCH | oklch(84.756% 0.08916 66.687) |
| Display P3 | color(display-p3 0.92936 0.76855 0.58467) |
| Rec. 2020 | color(rec2020 0.87358 0.74906 0.54467) |
| Adobe RGB | color(a98-rgb 0.90693 0.75531 0.56198) |
| ProPhoto RGB | color(prophoto-rgb 0.81987 0.73081 0.52449) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.53948 0.2705) |
| XYZ D65 | color(xyz-d65 0.61828 0.59951 0.33907) |
| XYZ D50 | color(xyz-d50 0.64465 0.6063 0.25825) |
| SwiftUI | Color(red: 0.961, green: 0.761, blue: 0.557) |
| UIKit | UIColor(red: 0.961, green: 0.761, blue: 0.557, alpha: 1) |
| Flutter / Compose | Color(0xFFF5C28E) |
| Android XML | #F5C28E |

## ข้อมูล

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

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

#f5c28e, #f6c89a, #f8cea5, #f9d5b1, #fadbbc, #fbe1c7, #fce7d2, #fdedde, #fef3e9, #fef9f4

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

#f5c28e, #d5a87b, #b68f68, #987756, #7b6044, #5f4934, #443424, #2b2015, #150e07, #030201

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

#f5c28e, #f1c395, #edc59c, #e9c6a2, #e6c7a9, #e2c8af, #ddc9b5, #d9cabb, #d5cbc1, #d1ccc7

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

- คู่ตรงข้าม: #f5c28e, #9dd3ff
- คู่ตรงข้ามแยก: #f5c28e, #86dcf3, #bdc8ff
- ข้างเคียง: #f5c28e, #ffb9a4, #ddce89
- สามเส้า: #f5c28e, #85e0d6, #dcbefb
- สี่เหลี่ยมผืนผ้า: #f5c28e, #bed899, #9dd3ff, #dcbefb
- สี่เหลี่ยมจัตุรัส: #f5c28e, #9cdfb5, #9dd3ff, #f3b7e3
- โทนสีเดียว: #f5c28e, #a77845, #cd9c69, #ffeed0, #ffefd2

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

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

#f5c28e เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(245, 194, 142) ใน HSL คือ hsl(30.29, 83.74%, 75.88%) และใน OKLCH คือ oklch(84.756% 0.08916 66.687)

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

สีตรงข้ามของ #f5c28e คือ #9dd3ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffb9a4 และ #ddce89 ส่วนสีสามเส้าคือ #85e0d6 และ #dcbefb

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

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

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

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