# สี #f5ce77: โทนพาสเทล เฉดอ่อนมากของสีเหลือง

#f5ce77 คือ rgb(245, 206, 119) ใน RGB และ oklch(86.7% 0.11481 85.86) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5ce77 |
| RGB | rgb(245, 206, 119) |
| HSL | hsl(41.43, 86.3%, 71.37%) |
| HSB / HSV | hsv(41.43 51.43% 96.08%) |
| HWB | hwb(41.43 46.67% 3.92%) |
| CMYK | cmyk(0% 16% 51% 4%) |
| Lab | lab(84.83 6.52 48.25) |
| LCH | lch(84.83 48.69 82.31) |
| OKLab | oklab(86.7% 0.00829 0.11451) |
| OKLCH | oklch(86.7% 0.11481 85.86) |
| Display P3 | color(display-p3 0.93601 0.81354 0.51506) |
| Rec. 2020 | color(rec2020 0.88604 0.79538 0.47308) |
| Adobe RGB | color(a98-rgb 0.91816 0.80298 0.48352) |
| ProPhoto RGB | color(prophoto-rgb 0.82866 0.77642 0.46055) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.61721 0.18447) |
| XYZ D65 | color(xyz-d65 0.63055 0.64888 0.26657) |
| XYZ D50 | color(xyz-d50 0.66228 0.65681 0.20437) |
| SwiftUI | Color(red: 0.961, green: 0.808, blue: 0.467) |
| UIKit | UIColor(red: 0.961, green: 0.808, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFFF5CE77) |
| Android XML | #F5CE77 |

## ข้อมูล

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

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

#f5ce77, #f6d386, #f7d895, #f8dda3, #f9e2b1, #fae7be, #fbeccb, #fcf1d8, #fdf6e5, #fefaf2

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

#f5ce77, #d5b367, #b69857, #987f47, #7b6638, #5f4e2a, #44381c, #2b2310, #150f05, #030201

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

#f5ce77, #f2cf82, #eecf8c, #ebd096, #e8d1a0, #e4d1a9, #e1d2b2, #ddd2ba, #dad3c3, #d7d3cb

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

- คู่ตรงข้าม: #f5ce77, #b9d3ff
- คู่ตรงข้ามแยก: #f5ce77, #90deff, #d8c7ff
- ข้างเคียง: #f5ce77, #ffc08b, #cfdd83
- สามเส้า: #f5ce77, #68e9f8, #fbb9fc
- สี่เหลี่ยมผืนผ้า: #f5ce77, #a2e8a6, #b9d3ff, #fbb9fc
- สี่เหลี่ยมจัตุรัส: #f5ce77, #77ecd0, #b9d3ff, #ffb6d6
- โทนสีเดียว: #f5ce77, #a78226, #cda750, #fff2b8, #fff2b8

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

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

#f5ce77 เป็นโทนพาสเทล เฉดอ่อนมากของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเหลือง ใน RGB คือ rgb(245, 206, 119) ใน HSL คือ hsl(41.43, 86.3%, 71.37%) และใน OKLCH คือ oklch(86.7% 0.11481 85.86)

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

สีตรงข้ามของ #f5ce77 คือ #b9d3ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffc08b และ #cfdd83 ส่วนสีสามเส้าคือ #68e9f8 และ #fbb9fc

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

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

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

#f5ce77 เป็นสีโทนร้อน ใน OKLCH มีฮิว 86 องศา ความสว่าง 86.7% และความสด 0.115