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

#f2bb9a คือ rgb(242, 187, 154) ใน RGB และ oklch(83.375% 0.07774 52.3) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f2bb9a |
| RGB | rgb(242, 187, 154) |
| HSL | hsl(22.5, 77.19%, 77.65%) |
| HSB / HSV | hsv(22.5 36.36% 94.9%) |
| HWB | hwb(22.5 60.39% 5.1%) |
| CMYK | cmyk(0% 23% 36% 5%) |
| Lab | lab(80.37 17.28 24.79) |
| LCH | lch(80.37 30.22 55.13) |
| OKLab | oklab(83.375% 0.04754 0.06151) |
| OKLCH | oklch(83.375% 0.07774 52.3) |
| Display P3 | color(display-p3 0.91554 0.74185 0.62244) |
| Rec. 2020 | color(rec2020 0.85761 0.72116 0.58407) |
| Adobe RGB | color(a98-rgb 0.89137 0.72762 0.60429) |
| ProPhoto RGB | color(prophoto-rgb 0.80678 0.70315 0.56085) |
| sRGB เชิงเส้น | color(srgb-linear 0.88792 0.49693 0.32314) |
| XYZ D65 | color(xyz-d65 0.60219 0.56753 0.38355) |
| XYZ D50 | color(xyz-d50 0.62482 0.57339 0.29136) |
| SwiftUI | Color(red: 0.949, green: 0.733, blue: 0.604) |
| UIKit | UIColor(red: 0.949, green: 0.733, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFF2BB9A) |
| Android XML | #F2BB9A |

## ข้อมูล

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

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

#f2bb9a, #f4c2a4, #f5c9ae, #f7cfb8, #f8d6c2, #faddcc, #fbe4d6, #fcebe1, #fdf1eb, #fef8f5

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

#f2bb9a, #d2a285, #b48a71, #96735e, #795c4b, #5e4639, #433227, #2b1f17, #140d09, #030201

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

#f2bb9a, #eebd9f, #eabea4, #e6bfa9, #e2c1ad, #dec2b2, #dac3b6, #d6c5bb, #d1c6bf, #cdc7c4

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

- คู่ตรงข้าม: #f2bb9a, #95d2f3
- คู่ตรงข้ามแยก: #f2bb9a, #89d8de, #adc9fc
- ข้างเคียง: #f2bb9a, #f7b5b2, #e2c48e
- สามเส้า: #f2bb9a, #93dac3, #c9c0f8
- สี่เหลี่ยมผืนผ้า: #f2bb9a, #c9ce93, #95d2f3, #c9c0f8
- สี่เหลี่ยมจัตุรัส: #f2bb9a, #acd6a7, #95d2f3, #e1b8e7
- โทนสีเดียว: #f2bb9a, #a37152, #ca9575, #ffe7d1, #ffeedc

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

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

#f2bb9a เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(242, 187, 154) ใน HSL คือ hsl(22.5, 77.19%, 77.65%) และใน OKLCH คือ oklch(83.375% 0.07774 52.3)

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

สีตรงข้ามของ #f2bb9a คือ #95d2f3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f7b5b2 และ #e2c48e ส่วนสีสามเส้าคือ #93dac3 และ #c9c0f8

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

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

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

#f2bb9a เป็นสีโทนร้อน ใน OKLCH มีฮิว 52 องศา ความสว่าง 83.4% และความสด 0.078