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

#f2bc83 คือ rgb(242, 188, 131) ใน RGB และ oklch(83.129% 0.09612 67.38) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f2bc83 |
| RGB | rgb(242, 188, 131) |
| HSL | hsl(30.81, 81.02%, 73.14%) |
| HSB / HSV | hsv(30.81 45.87% 94.9%) |
| HWB | hwb(30.81 51.37% 5.1%) |
| CMYK | cmyk(0% 22% 46% 5%) |
| Lab | lab(80.28 14.99 36.64) |
| LCH | lch(80.28 39.59 67.75) |
| OKLab | oklab(83.129% 0.03697 0.08873) |
| OKLCH | oklch(83.129% 0.09612 67.38) |
| Display P3 | color(display-p3 0.91606 0.74558 0.54515) |
| Rec. 2020 | color(rec2020 0.85631 0.72425 0.50245) |
| Adobe RGB | color(a98-rgb 0.89225 0.73157 0.52095) |
| ProPhoto RGB | color(prophoto-rgb 0.79912 0.70498 0.48374) |
| sRGB เชิงเส้น | color(srgb-linear 0.88792 0.50289 0.22697) |
| XYZ D65 | color(xyz-d65 0.58696 0.56484 0.29284) |
| XYZ D50 | color(xyz-d50 0.61335 0.57183 0.22326) |
| SwiftUI | Color(red: 0.949, green: 0.737, blue: 0.514) |
| UIKit | UIColor(red: 0.949, green: 0.737, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFFF2BC83) |
| Android XML | #F2BC83 |

## ข้อมูล

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

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

#f2bc83, #f4c390, #f5ca9d, #f7d0a9, #f8d7b6, #fadec2, #fbe4ce, #fcebda, #fdf2e7, #fef8f3

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

#f2bc83, #d2a371, #b48b60, #96734f, #795d3f, #5e472f, #433220, #2b1f12, #140d06, #030201

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

#f2bc83, #eebd8b, #eabf92, #e6c099, #e2c1a0, #ddc2a7, #d9c4ae, #d5c5b4, #d0c6bb, #ccc7c1

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

- คู่ตรงข้าม: #f2bc83, #95ceff
- คู่ตรงข้ามแยก: #f2bc83, #79d7f1, #b8c2ff
- ข้างเคียง: #f2bc83, #ffb29b, #d9c97e
- สามเส้า: #f2bc83, #77dcd3, #d8b7f9
- สี่เหลี่ยมผืนผ้า: #f2bc83, #b6d490, #95ceff, #d8b7f9
- สี่เหลี่ยมจัตุรัส: #f2bc83, #92dbaf, #95ceff, #f1b0de
- โทนสีเดียว: #f2bc83, #a4723a, #ca965e, #ffe7c1, #ffefd1

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

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

#f2bc83 เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(242, 188, 131) ใน HSL คือ hsl(30.81, 81.02%, 73.14%) และใน OKLCH คือ oklch(83.129% 0.09612 67.38)

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

สีตรงข้ามของ #f2bc83 คือ #95ceff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffb29b และ #d9c97e ส่วนสีสามเส้าคือ #77dcd3 และ #d8b7f9

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

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

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

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