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

#f4c683 คือ rgb(244, 198, 131) ใน RGB และ oklch(85.233% 0.09939 76.165) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f4c683 |
| RGB | rgb(244, 198, 131) |
| HSL | hsl(35.58, 83.7%, 73.53%) |
| HSB / HSV | hsv(35.58 46.31% 95.69%) |
| HWB | hwb(35.58 51.37% 4.31%) |
| CMYK | cmyk(0% 19% 46% 4%) |
| Lab | lab(82.91 10.83 39.98) |
| LCH | lch(82.91 41.42 74.84) |
| OKLab | oklab(85.233% 0.02377 0.09651) |
| OKLCH | oklch(85.233% 0.09939 76.165) |
| Display P3 | color(display-p3 0.92817 0.78335 0.54973) |
| Rec. 2020 | color(rec2020 0.87422 0.76392 0.50832) |
| Adobe RGB | color(a98-rgb 0.90752 0.77118 0.52347) |
| ProPhoto RGB | color(prophoto-rgb 0.8184 0.74497 0.4912) |
| sRGB เชิงเส้น | color(srgb-linear 0.90466 0.56471 0.22697) |
| XYZ D65 | color(xyz-d65 0.61597 0.61262 0.30054) |
| XYZ D50 | color(xyz-d50 0.64447 0.61987 0.2295) |
| SwiftUI | Color(red: 0.957, green: 0.776, blue: 0.514) |
| UIKit | UIColor(red: 0.957, green: 0.776, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFFF4C683) |
| Android XML | #F4C683 |

## ข้อมูล

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

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

#f4c683, #f5cc90, #f7d29d, #f8d7aa, #f9ddb6, #fae3c2, #fbe9cf, #fceedb, #fdf4e7, #fef9f3

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

#f4c683, #d4ac71, #b59260, #977a4f, #7a623f, #5e4b2f, #443520, #2b2112, #140e06, #030201

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

#f4c683, #f0c78c, #edc894, #e9c99c, #e5caa3, #e2cbab, #deccb2, #daccb9, #d6cdc1, #d2cec7

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

- คู่ตรงข้าม: #f4c683, #a6d1ff
- คู่ตรงข้ามแยก: #f4c683, #83dcff, #c9c5ff
- ข้างเคียง: #f4c683, #ffba97, #d6d385
- สามเส้า: #f4c683, #78e3e4, #e8bbfb
- สี่เหลี่ยมผืนผ้า: #f4c683, #b1de9d, #a6d1ff, #e8bbfb
- สี่เหลี่ยมจัตุรัส: #f4c683, #8ce4c0, #a6d1ff, #ffb4dc
- โทนสีเดียว: #f4c683, #a67b38, #cca05e, #fff0c8, #fff0c8

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

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

#f4c683 เป็นโทนพาสเทล เฉดอ่อนมากของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเหลืองอำพัน ใน RGB คือ rgb(244, 198, 131) ใน HSL คือ hsl(35.58, 83.7%, 73.53%) และใน OKLCH คือ oklch(85.233% 0.09939 76.165)

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

สีตรงข้ามของ #f4c683 คือ #a6d1ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffba97 และ #d6d385 ส่วนสีสามเส้าคือ #78e3e4 และ #e8bbfb

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

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

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

#f4c683 เป็นสีโทนร้อน ใน OKLCH มีฮิว 76 องศา ความสว่าง 85.2% และความสด 0.099