# สี #f5b79a: โทนพาสเทล เฉดอ่อนของสีส้ม

#f5b79a คือ rgb(245, 183, 154) ใน RGB และ oklch(82.941% 0.08249 46.156) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5b79a |
| RGB | rgb(245, 183, 154) |
| HSL | hsl(19.12, 81.98%, 78.24%) |
| HSB / HSV | hsv(19.12 37.14% 96.08%) |
| HWB | hwb(19.12 60.39% 3.92%) |
| CMYK | cmyk(0% 25% 37% 4%) |
| Lab | lab(79.74 20.45 24.02) |
| LCH | lch(79.74 31.54 49.59) |
| OKLab | oklab(82.941% 0.05714 0.0595) |
| OKLCH | oklch(82.941% 0.08249 46.156) |
| Display P3 | color(display-p3 0.92367 0.72748 0.62141) |
| Rec. 2020 | color(rec2020 0.86233 0.70702 0.58261) |
| Adobe RGB | color(a98-rgb 0.89726 0.71183 0.60348) |
| ProPhoto RGB | color(prophoto-rgb 0.81046 0.68982 0.55879) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.47353 0.32314) |
| XYZ D65 | color(xyz-d65 0.6042 0.55614 0.38125) |
| XYZ D50 | color(xyz-d50 0.62679 0.56222 0.28944) |
| SwiftUI | Color(red: 0.961, green: 0.718, blue: 0.604) |
| UIKit | UIColor(red: 0.961, green: 0.718, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFF5B79A) |
| Android XML | #F5B79A |

## ข้อมูล

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

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

#f5b79a, #f6bea4, #f8c6ae, #f9cdb8, #fad4c2, #fbdbcc, #fce2d6, #fde9e1, #fef1eb, #fff8f5

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

#f5b79a, #d59f85, #b68771, #98705e, #7b5a4b, #5f4539, #443127, #2b1e17, #150c09, #030201

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

#f5b79a, #f1b99f, #ecbba3, #e8bca8, #e4bead, #dfc0b1, #dac1b6, #d6c3ba, #d1c4be, #ccc6c3

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

- คู่ตรงข้าม: #f5b79a, #8bd3f0
- คู่ตรงข้ามแยก: #f5b79a, #83d8d9, #a4cafd
- ข้างเคียง: #f5b79a, #f8b2b5, #e6c08a
- สามเส้า: #f5b79a, #92d9bb, #c2c0fb
- สี่เหลี่ยมผืนผ้า: #f5b79a, #cecb8c, #8bd3f0, #c2c0fb
- สี่เหลี่ยมจัตุรัส: #f5b79a, #afd49f, #8bd3f0, #ddb7ec
- โทนสีเดียว: #f5b79a, #a66d52, #cd9175, #ffe5d2, #ffeedf

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

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

#f5b79a เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(245, 183, 154) ใน HSL คือ hsl(19.12, 81.98%, 78.24%) และใน OKLCH คือ oklch(82.941% 0.08249 46.156)

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

สีตรงข้ามของ #f5b79a คือ #8bd3f0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f8b2b5 และ #e6c08a ส่วนสีสามเส้าคือ #92d9bb และ #c2c0fb

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

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

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

#f5b79a เป็นสีโทนร้อน ใน OKLCH มีฮิว 46 องศา ความสว่าง 82.9% และความสด 0.082