# สี #f0b775: โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน

#f0b775 คือ rgb(240, 183, 117) ใน RGB และ oklch(81.755% 0.10623 69.507) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f0b775 |
| RGB | rgb(240, 183, 117) |
| HSL | hsl(32.2, 80.39%, 70%) |
| HSB / HSV | hsv(32.2 51.25% 94.12%) |
| HWB | hwb(32.2 45.88% 5.88%) |
| CMYK | cmyk(0% 24% 51% 6%) |
| Lab | lab(78.7 15.75 41.75) |
| LCH | lch(78.7 44.62 69.33) |
| OKLab | oklab(81.755% 0.03719 0.09951) |
| OKLCH | oklch(81.755% 0.10623 69.507) |
| Display P3 | color(display-p3 0.9067 0.72655 0.49685) |
| Rec. 2020 | color(rec2020 0.84318 0.70374 0.45146) |
| Adobe RGB | color(a98-rgb 0.88164 0.71183 0.47001) |
| ProPhoto RGB | color(prophoto-rgb 0.78213 0.68367 0.43594) |
| sRGB เชิงเส้น | color(srgb-linear 0.87137 0.47353 0.17789) |
| XYZ D65 | color(xyz-d65 0.56078 0.53678 0.24238) |
| XYZ D50 | color(xyz-d50 0.58781 0.54413 0.18513) |
| SwiftUI | Color(red: 0.941, green: 0.718, blue: 0.459) |
| UIKit | UIColor(red: 0.941, green: 0.718, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFFF0B775) |
| Android XML | #F0B775 |

## ข้อมูล

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

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

#f0b775, #f2be84, #f4c692, #f5cda0, #f7d4ae, #f9dbbc, #fae3c9, #fbead7, #fdf1e4, #fef8f2

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

#f0b775, #d19f65, #b28755, #957046, #785a37, #5d4529, #43311c, #2a1e0f, #140c05, #030201

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

#f0b775, #ecb97e, #e7ba87, #e3bb8f, #dfbd97, #dabe9f, #d6bfa6, #d1c0ae, #cdc1b5, #c8c2bc

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

- คู่ตรงข้าม: #f0b775, #8dc9ff
- คู่ตรงข้ามแยก: #f0b775, #6ad4f2, #b5bcff
- ข้างเคียง: #f0b775, #ffac8f, #d4c571
- สามเส้า: #f0b775, #65d9d2, #d8b0f7
- สี่เหลี่ยมผืนผ้า: #f0b775, #add187, #8dc9ff, #d8b0f7
- สี่เหลี่ยมจัตุรัส: #f0b775, #83d9ab, #8dc9ff, #f2a8da
- โทนสีเดียว: #f0b775, #a26d29, #c8914f, #ffe2b2, #fff0cf

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

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

#f0b775 เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(240, 183, 117) ใน HSL คือ hsl(32.2, 80.39%, 70%) และใน OKLCH คือ oklch(81.755% 0.10623 69.507)

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

สีตรงข้ามของ #f0b775 คือ #8dc9ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffac8f และ #d4c571 ส่วนสีสามเส้าคือ #65d9d2 และ #d8b0f7

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

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

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

#f0b775 เป็นสีโทนร้อน ใน OKLCH มีฮิว 70 องศา ความสว่าง 81.8% และความสด 0.106