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

#f9b69a คือ rgb(249, 182, 154) ใน RGB และ oklch(83.175% 0.08729 43.643) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f9b69a |
| RGB | rgb(249, 182, 154) |
| HSL | hsl(17.68, 88.79%, 79.02%) |
| HSB / HSV | hsv(17.68 38.15% 97.65%) |
| HWB | hwb(17.68 60.39% 2.35%) |
| CMYK | cmyk(0% 27% 38% 2%) |
| Lab | lab(79.94 22.5 24.37) |
| LCH | lch(79.94 33.17 47.28) |
| OKLab | oklab(83.175% 0.06316 0.06024) |
| OKLCH | oklch(83.175% 0.08729 43.643) |
| Display P3 | color(display-p3 0.93678 0.72452 0.62155) |
| Rec. 2020 | color(rec2020 0.87365 0.70491 0.58266) |
| Adobe RGB | color(a98-rgb 0.90899 0.70789 0.60329) |
| ProPhoto RGB | color(prophoto-rgb 0.82106 0.68858 0.55871) |
| sRGB เชิงเส้น | color(srgb-linear 0.94731 0.46778 0.32314) |
| XYZ D65 | color(xyz-d65 0.61625 0.55931 0.38123) |
| XYZ D50 | color(xyz-d50 0.63949 0.56571 0.28936) |
| SwiftUI | Color(red: 0.976, green: 0.714, blue: 0.604) |
| UIKit | UIColor(red: 0.976, green: 0.714, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFF9B69A) |
| Android XML | #F9B69A |

## ข้อมูล

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

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

#f9b69a, #fabda4, #fbc5ae, #fcccb8, #fdd3c2, #fedbcc, #fee2d6, #ffe9e1, #fff1eb, #fff8f5

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

#f9b69a, #d99e85, #b98671, #9a6f5e, #7d594b, #614439, #463027, #2c1d17, #150c09, #030201

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

#f9b69a, #f4b89f, #f0baa4, #ebbca8, #e6bead, #e2bfb1, #ddc1b6, #d8c3ba, #d2c5bf, #cdc6c3

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

- คู่ตรงข้าม: #f9b69a, #86d5f2
- คู่ตรงข้ามแยก: #f9b69a, #7fdad8, #a0ccff
- ข้างเคียง: #f9b69a, #fbb1b7, #eac088
- สามเส้า: #f9b69a, #92dab8, #c0c1ff
- สี่เหลี่ยมผืนผ้า: #f9b69a, #d1cb88, #86d5f2, #c0c1ff
- สี่เหลี่ยมจัตุรัส: #f9b69a, #b1d59b, #86d5f2, #dcb8f0
- โทนสีเดียว: #f9b69a, #a96c52, #d19075, #ffe5d5, #ffede0

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

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

#f9b69a เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(249, 182, 154) ใน HSL คือ hsl(17.68, 88.79%, 79.02%) และใน OKLCH คือ oklch(83.175% 0.08729 43.643)

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

สีตรงข้ามของ #f9b69a คือ #86d5f2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fbb1b7 และ #eac088 ส่วนสีสามเส้าคือ #92dab8 และ #c0c1ff

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

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

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

#f9b69a เป็นสีโทนร้อน ใน OKLCH มีฮิว 44 องศา ความสว่าง 83.2% และความสด 0.087