# สี #f2a362: โทนสด เฉดอ่อนของสีส้ม

#f2a362 คือ rgb(242, 163, 98) ใน RGB และ oklch(78.019% 0.12417 58.968) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f2a362 |
| RGB | rgb(242, 163, 98) |
| HSL | hsl(27.08, 84.71%, 66.67%) |
| HSB / HSV | hsv(27.08 59.5% 94.9%) |
| HWB | hwb(27.08 38.43% 5.1%) |
| CMYK | cmyk(0% 33% 60% 5%) |
| Lab | lab(74.03 25.52 45.8) |
| LCH | lch(74.03 52.43 60.88) |
| OKLab | oklab(78.019% 0.06401 0.1064) |
| OKLCH | oklch(78.019% 0.12417 58.968) |
| Display P3 | color(display-p3 0.90398 0.65271 0.42741) |
| Rec. 2020 | color(rec2020 0.82668 0.62816 0.3774) |
| Adobe RGB | color(a98-rgb 0.87168 0.63336 0.39847) |
| ProPhoto RGB | color(prophoto-rgb 0.75852 0.60994 0.366) |
| sRGB เชิงเส้น | color(srgb-linear 0.88792 0.36625 0.12214) |
| XYZ D65 | color(xyz-d65 0.51918 0.45956 0.17692) |
| XYZ D50 | color(xyz-d50 0.54573 0.46752 0.13514) |
| SwiftUI | Color(red: 0.949, green: 0.639, blue: 0.384) |
| UIKit | UIColor(red: 0.949, green: 0.639, blue: 0.384, alpha: 1) |
| Flutter / Compose | Color(0xFFF2A362) |
| Android XML | #F2A362 |

## ข้อมูล

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

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

#f2a362, #f4ad73, #f6b684, #f8bf93, #f9c8a3, #fbd2b3, #fcdbc2, #fde4d1, #feede0, #fff6f0

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

#f2a362, #d28d54, #b47847, #96633a, #794f2d, #5e3c21, #432a16, #2b190b, #140a03, #030100

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

#f2a362, #eda66c, #e7a876, #e2aa7f, #dcac88, #d6ae90, #d0b098, #cab2a0, #c4b4a8, #beb6b0

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

- คู่ตรงข้าม: #f2a362, #63c2fe
- คู่ตรงข้ามแยก: #f2a362, #34cde2, #97b4ff
- ข้างเคียง: #f2a362, #fd9889, #d7b350
- สามเส้า: #f2a362, #44d1b9, #c2a5fc
- สี่เหลี่ยมผืนผ้า: #f2a362, #afc363, #63c2fe, #c2a5fc
- สี่เหลี่ยมจัตุรัส: #f2a362, #7bce8b, #63c2fe, #e39ade
- โทนสีเดียว: #f2a362, #a25a0b, #ca7e3b, #ffd0a1, #ffefd8

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

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

#f2a362 เป็นโทนสด เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีส้ม ใน RGB คือ rgb(242, 163, 98) ใน HSL คือ hsl(27.08, 84.71%, 66.67%) และใน OKLCH คือ oklch(78.019% 0.12417 58.968)

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

สีตรงข้ามของ #f2a362 คือ #63c2fe หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fd9889 และ #d7b350 ส่วนสีสามเส้าคือ #44d1b9 และ #c2a5fc

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

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

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

#f2a362 เป็นสีโทนร้อน ใน OKLCH มีฮิว 59 องศา ความสว่าง 78% และความสด 0.124