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

#f3a677 คือ rgb(243, 166, 119) ใน RGB และ oklch(78.986% 0.11044 51.913) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f3a677 |
| RGB | rgb(243, 166, 119) |
| HSL | hsl(22.74, 83.78%, 70.98%) |
| HSB / HSV | hsv(22.74 51.03% 95.29%) |
| HWB | hwb(22.74 46.67% 4.71%) |
| CMYK | cmyk(0% 32% 51% 5%) |
| Lab | lab(75.07 25.61 36.35) |
| LCH | lch(75.07 44.47 54.84) |
| OKLab | oklab(78.986% 0.06813 0.08692) |
| OKLCH | oklch(78.986% 0.11044 51.913) |
| Display P3 | color(display-p3 0.90875 0.664 0.49658) |
| Rec. 2020 | color(rec2020 0.8345 0.64045 0.44938) |
| Adobe RGB | color(a98-rgb 0.87716 0.64508 0.47283) |
| ProPhoto RGB | color(prophoto-rgb 0.77102 0.62282 0.43082) |
| sRGB เชิงเส้น | color(srgb-linear 0.89627 0.38133 0.18447) |
| XYZ D65 | color(xyz-d65 0.53926 0.47661 0.23813) |
| XYZ D50 | color(xyz-d50 0.5641 0.48396 0.18123) |
| SwiftUI | Color(red: 0.953, green: 0.651, blue: 0.467) |
| UIKit | UIColor(red: 0.953, green: 0.651, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFFF3A677) |
| Android XML | #F3A677 |

## ข้อมูล

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

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

#f3a677, #f5af85, #f7b893, #f8c1a0, #facaae, #fbd3bc, #fcdcc9, #fde5d6, #feede4, #fff6f1

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

#f3a677, #d39067, #b47a57, #976547, #7a5138, #5e3e2a, #442b1c, #2b1a10, #140a05, #030101

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

#f3a677, #eea87f, #e9ab86, #e3ad8d, #deaf94, #d8b19b, #d2b3a1, #cdb5a8, #c7b7ae, #c1b9b4

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

- คู่ตรงข้าม: #f3a677, #69c7f5
- คู่ตรงข้ามแยก: #f3a677, #51cfd9, #93bbff
- ข้างเคียง: #f3a677, #f99e9b, #deb363
- สามเส้า: #f3a677, #66d2b2, #bcaefc
- สี่เหลี่ยมผืนผ้า: #f3a677, #bcc26b, #69c7f5, #bcaefc
- สี่เหลี่ยมจัตุรัส: #f3a677, #91cd8a, #69c7f5, #dca3e5
- โทนสีเดียว: #f3a677, #a35d2e, #cb8152, #ffd3b2, #ffeedc

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

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

#f3a677 เป็นโทนสด เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีส้ม ใน RGB คือ rgb(243, 166, 119) ใน HSL คือ hsl(22.74, 83.78%, 70.98%) และใน OKLCH คือ oklch(78.986% 0.11044 51.913)

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

สีตรงข้ามของ #f3a677 คือ #69c7f5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f99e9b และ #deb363 ส่วนสีสามเส้าคือ #66d2b2 และ #bcaefc

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

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

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

#f3a677 เป็นสีโทนร้อน ใน OKLCH มีฮิว 52 องศา ความสว่าง 79% และความสด 0.11