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

#f7b489 คือ rgb(247, 180, 137) ใน RGB และ oklch(82.266% 0.09685 53.632) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f7b489 |
| RGB | rgb(247, 180, 137) |
| HSL | hsl(23.45, 87.3%, 75.29%) |
| HSB / HSV | hsv(23.45 44.53% 96.86%) |
| HWB | hwb(23.45 53.73% 3.14%) |
| CMYK | cmyk(0% 27% 45% 3%) |
| Lab | lab(79 21.4 32.04) |
| LCH | lch(79 38.53 56.26) |
| OKLab | oklab(82.266% 0.05743 0.07799) |
| OKLCH | oklch(82.266% 0.09685 53.632) |
| Display P3 | color(display-p3 0.92899 0.7167 0.56268) |
| Rec. 2020 | color(rec2020 0.86343 0.6958 0.52008) |
| Adobe RGB | color(a98-rgb 0.90103 0.70001 0.5407) |
| ProPhoto RGB | color(prophoto-rgb 0.80591 0.67827 0.49877) |
| sRGB เชิงเส้น | color(srgb-linear 0.93011 0.45641 0.25016) |
| XYZ D65 | color(xyz-d65 0.59192 0.54225 0.31017) |
| XYZ D50 | color(xyz-d50 0.61717 0.5493 0.2359) |
| SwiftUI | Color(red: 0.969, green: 0.706, blue: 0.537) |
| UIKit | UIColor(red: 0.969, green: 0.706, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFFF7B489) |
| Android XML | #F7B489 |

## ข้อมูล

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

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

#f7b489, #f8bc95, #fac3a1, #fbcbad, #fcd2b9, #fddac4, #fde1d0, #fee9dc, #fef0e7, #fff8f3

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

#f7b489, #d79c76, #b78564, #996e53, #7c5842, #604431, #453022, #2c1d14, #150c07, #030201

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

#f7b489, #f2b690, #eeb896, #e9ba9c, #e4bba2, #dfbda8, #dabfae, #d5c0b4, #d0c2ba, #cac3bf

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

- คู่ตรงข้าม: #f7b489, #83d0fa
- คู่ตรงข้ามแยก: #f7b489, #71d8e1, #a5c5ff
- ข้างเคียง: #f7b489, #feaca7, #e3c07a
- สามเส้า: #f7b489, #7ddac0, #c8b9fe
- สี่เหลี่ยมผืนผ้า: #f7b489, #c4cc82, #83d0fa, #c8b9fe
- สี่เหลี่ยมจัตุรัส: #f7b489, #9fd69d, #83d0fa, #e4b0e9
- โทนสีเดียว: #f7b489, #a86a41, #cf8e64, #ffe2c8, #ffeedb

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

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

#f7b489 เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(247, 180, 137) ใน HSL คือ hsl(23.45, 87.3%, 75.29%) และใน OKLCH คือ oklch(82.266% 0.09685 53.632)

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

สีตรงข้ามของ #f7b489 คือ #83d0fa หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #feaca7 และ #e3c07a ส่วนสีสามเส้าคือ #7ddac0 และ #c8b9fe

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

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

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

#f7b489 เป็นสีโทนร้อน ใน OKLCH มีฮิว 54 องศา ความสว่าง 82.3% และความสด 0.097