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

#f5bc70 คือ rgb(245, 188, 112) ใน RGB และ oklch(83.141% 0.11438 73.092) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5bc70 |
| RGB | rgb(245, 188, 112) |
| HSL | hsl(34.29, 86.93%, 70%) |
| HSB / HSV | hsv(34.29 54.29% 96.08%) |
| HWB | hwb(34.29 43.92% 3.92%) |
| CMYK | cmyk(0% 23% 54% 4%) |
| Lab | lab(80.38 14.98 46.39) |
| LCH | lch(80.38 48.75 72.1) |
| OKLab | oklab(83.141% 0.03327 0.10944) |
| OKLCH | oklch(83.141% 0.11438 73.092) |
| Display P3 | color(display-p3 0.92621 0.74612 0.48401) |
| Rec. 2020 | color(rec2020 0.8639 0.72496 0.43869) |
| Adobe RGB | color(a98-rgb 0.90158 0.73157 0.45394) |
| ProPhoto RGB | color(prophoto-rgb 0.80191 0.70546 0.42552) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.50289 0.16203) |
| XYZ D65 | color(xyz-d65 0.58562 0.56551 0.23161) |
| XYZ D50 | color(xyz-d50 0.61504 0.57349 0.17724) |
| SwiftUI | Color(red: 0.961, green: 0.737, blue: 0.439) |
| UIKit | UIColor(red: 0.961, green: 0.737, blue: 0.439, alpha: 1) |
| Flutter / Compose | Color(0xFFF5BC70) |
| Android XML | #F5BC70 |

## ข้อมูล

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

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

#f5bc70, #f6c380, #f8ca8f, #f9d19e, #fad7ac, #fbdeba, #fce5c8, #fdebd6, #fef2e4, #fef8f1

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

#f5bc70, #d5a360, #b68b51, #987343, #7b5d35, #5f4727, #44321a, #2b1f0e, #150d04, #030201

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

#f5bc70, #f1bd7a, #ecbf84, #e8c08e, #e3c197, #dfc39f, #dac4a8, #d6c5b0, #d1c6b8, #ccc7c0

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

- คู่ตรงข้าม: #f5bc70, #95ccff
- คู่ตรงข้ามแยก: #f5bc70, #68d8fe, #bebfff
- ข้างเคียง: #f5bc70, #ffaf8b, #d5cb6f
- สามเส้า: #f5bc70, #5cdfdc, #e2b2fd
- สี่เหลี่ยมผืนผ้า: #f5bc70, #aad88a, #95ccff, #e2b2fd
- สี่เหลี่ยมจัตุรัส: #f5bc70, #7cdfb3, #95ccff, #fcaadb
- โทนสีเดียว: #f5bc70, #a6711f, #cd9649, #ffe8ba, #fff0cb

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

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

#f5bc70 เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(245, 188, 112) ใน HSL คือ hsl(34.29, 86.93%, 70%) และใน OKLCH คือ oklch(83.141% 0.11438 73.092)

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

สีตรงข้ามของ #f5bc70 คือ #95ccff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffaf8b และ #d5cb6f ส่วนสีสามเส้าคือ #5cdfdc และ #e2b2fd

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

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

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

#f5bc70 เป็นสีโทนร้อน ใน OKLCH มีฮิว 73 องศา ความสว่าง 83.1% และความสด 0.114