# สี #f0ca97: โทนพาสเทล เฉดอ่อนมากของสีเบจ

#f0ca97 คือ rgb(240, 202, 151) ใน RGB และ oklch(85.973% 0.07891 74.596) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f0ca97 |
| RGB | rgb(240, 202, 151) |
| HSL | hsl(34.38, 74.79%, 76.67%) |
| HSB / HSV | hsv(34.38 37.08% 94.12%) |
| HWB | hwb(34.38 59.22% 5.88%) |
| CMYK | cmyk(0% 16% 37% 6%) |
| Lab | lab(83.76 8.79 30.78) |
| LCH | lch(83.76 32.01 74.06) |
| OKLab | oklab(85.973% 0.02096 0.07608) |
| OKLCH | oklch(85.973% 0.07891 74.596) |
| Display P3 | color(display-p3 0.91703 0.7977 0.61755) |
| Rec. 2020 | color(rec2020 0.86917 0.7787 0.58028) |
| Adobe RGB | color(a98-rgb 0.89908 0.78707 0.59653) |
| ProPhoto RGB | color(prophoto-rgb 0.82004 0.76009 0.55989) |
| sRGB เชิงเส้น | color(srgb-linear 0.87137 0.59062 0.30947) |
| XYZ D65 | color(xyz-d65 0.62639 0.63002 0.3814) |
| XYZ D50 | color(xyz-d50 0.65173 0.63604 0.29046) |
| SwiftUI | Color(red: 0.941, green: 0.792, blue: 0.592) |
| UIKit | UIColor(red: 0.941, green: 0.792, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFFF0CA97) |
| Android XML | #F0CA97 |

## ข้อมูล

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

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

#f0ca97, #f2cfa2, #f3d5ac, #f5dab7, #f6dfc1, #f8e5cb, #f9ead6, #fbefe0, #fcf4ea, #fefaf5

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

#f0ca97, #d1af83, #b2956f, #957c5c, #786449, #5d4d37, #433726, #2a2217, #140f08, #030201

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

#f0ca97, #edcb9d, #eacca3, #e7cca9, #e4cdaf, #e1ceb5, #decebb, #dacfc0, #d7d0c6, #d4d0cb

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

- คู่ตรงข้าม: #f0ca97, #aed4ff
- คู่ตรงข้ามแยก: #f0ca97, #97ddf8, #cacaff
- ข้างเคียง: #f0ca97, #fec1a7, #d8d498
- สามเส้า: #f0ca97, #91e2e0, #e4c2f5
- สี่เหลี่ยมผืนผ้า: #f0ca97, #bbdda9, #aed4ff, #e4c2f5
- สี่เหลี่ยมจัตุรัส: #f0ca97, #a0e2c4, #aed4ff, #f7bddd
- โทนสีเดียว: #f0ca97, #a27f4e, #c9a472, #fff0ca, #fff0ca

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

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

#f0ca97 เป็นโทนพาสเทล เฉดอ่อนมากของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเบจ ใน RGB คือ rgb(240, 202, 151) ใน HSL คือ hsl(34.38, 74.79%, 76.67%) และใน OKLCH คือ oklch(85.973% 0.07891 74.596)

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

สีตรงข้ามของ #f0ca97 คือ #aed4ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fec1a7 และ #d8d498 ส่วนสีสามเส้าคือ #91e2e0 และ #e4c2f5

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

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

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

#f0ca97 เป็นสีโทนร้อน ใน OKLCH มีฮิว 75 องศา ความสว่าง 86% และความสด 0.079