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

#f7bb96 คือ rgb(247, 187, 150) ใน RGB และ oklch(83.801% 0.08539 52.876) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f7bb96 |
| RGB | rgb(247, 187, 150) |
| HSL | hsl(22.89, 85.84%, 77.84%) |
| HSB / HSV | hsv(22.89 39.27% 96.86%) |
| HWB | hwb(22.89 58.82% 3.14%) |
| CMYK | cmyk(0% 24% 39% 3%) |
| Lab | lab(80.83 18.9 27.62) |
| LCH | lch(80.83 33.47 55.61) |
| OKLab | oklab(83.801% 0.05154 0.06809) |
| OKLCH | oklch(83.801% 0.08539 52.876) |
| Display P3 | color(display-p3 0.93247 0.74276 0.60934) |
| Rec. 2020 | color(rec2020 0.87252 0.72308 0.57013) |
| Adobe RGB | color(a98-rgb 0.90695 0.72762 0.58959) |
| ProPhoto RGB | color(prophoto-rgb 0.81974 0.70582 0.54749) |
| sRGB เชิงเส้น | color(srgb-linear 0.93011 0.49693 0.30499) |
| XYZ D65 | color(xyz-d65 0.61631 0.57519 0.36711) |
| XYZ D50 | color(xyz-d50 0.64062 0.58168 0.27898) |
| SwiftUI | Color(red: 0.969, green: 0.733, blue: 0.588) |
| UIKit | UIColor(red: 0.969, green: 0.733, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFFF7BB96) |
| Android XML | #F7BB96 |

## ข้อมูล

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

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

#f7bb96, #f8c2a1, #f9c9ab, #fad0b6, #fbd6c0, #fcddcb, #fde4d5, #feebdf, #fef2ea, #fff8f4

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

#f7bb96, #d7a282, #b78a6e, #99735b, #7c5c49, #604637, #453226, #2c1f16, #150d08, #030201

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

#f7bb96, #f3bd9c, #efbea1, #eac0a6, #e6c1ac, #e1c3b1, #ddc4b6, #d8c6bb, #d3c7c0, #cfc8c5

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

- คู่ตรงข้าม: #f7bb96, #90d4f9
- คู่ตรงข้ามแยก: #f7bb96, #83dbe2, #adcaff
- ข้างเคียง: #f7bb96, #fdb4b0, #e5c589
- สามเส้า: #f7bb96, #8edcc4, #cbc0fd
- สี่เหลี่ยมผืนผ้า: #f7bb96, #cad08f, #90d4f9, #cbc0fd
- สี่เหลี่ยมจัตุรัส: #f7bb96, #aad9a6, #90d4f9, #e5b8eb
- โทนสีเดียว: #f7bb96, #a8714e, #cf9571, #ffe9d3, #ffeedb

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

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

#f7bb96 เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(247, 187, 150) ใน HSL คือ hsl(22.89, 85.84%, 77.84%) และใน OKLCH คือ oklch(83.801% 0.08539 52.876)

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

สีตรงข้ามของ #f7bb96 คือ #90d4f9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fdb4b0 และ #e5c589 ส่วนสีสามเส้าคือ #8edcc4 และ #cbc0fd

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

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

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

#f7bb96 เป็นสีโทนร้อน ใน OKLCH มีฮิว 53 องศา ความสว่าง 83.8% และความสด 0.085