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

#f5bda2 คือ rgb(245, 189, 162) ใน RGB และ oklch(84.218% 0.07459 46.955) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5bda2 |
| RGB | rgb(245, 189, 162) |
| HSL | hsl(19.52, 80.58%, 79.8%) |
| HSB / HSV | hsv(19.52 33.88% 96.08%) |
| HWB | hwb(19.52 63.53% 3.92%) |
| CMYK | cmyk(0% 23% 34% 4%) |
| Lab | lab(81.28 18.14 21.86) |
| LCH | lch(81.28 28.41 50.32) |
| OKLab | oklab(84.218% 0.05092 0.05451) |
| OKLCH | oklch(84.218% 0.07459 46.955) |
| Display P3 | color(display-p3 0.92672 0.74986 0.65105) |
| Rec. 2020 | color(rec2020 0.87004 0.73041 0.61475) |
| Adobe RGB | color(a98-rgb 0.90246 0.73552 0.63424) |
| ProPhoto RGB | color(prophoto-rgb 0.8216 0.71339 0.59097) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.50888 0.36131) |
| XYZ D65 | color(xyz-d65 0.62373 0.58418 0.42174) |
| XYZ D50 | color(xyz-d50 0.64586 0.58987 0.32013) |
| SwiftUI | Color(red: 0.961, green: 0.741, blue: 0.635) |
| UIKit | UIColor(red: 0.961, green: 0.741, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFFF5BDA2) |
| Android XML | #F5BDA2 |

## ข้อมูล

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

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

#f5bda2, #f6c4ab, #f8cab5, #f9d1be, #fad7c7, #fbded0, #fce5da, #fdebe3, #fef2ec, #fef8f6

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

#f5bda2, #d5a48c, #b68c77, #987463, #7b5d4f, #5f473c, #44332a, #2b1f19, #150d0a, #030201

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

#f5bda2, #f1bfa6, #edc0ab, #e9c2af, #e5c3b3, #e1c4b7, #ddc6bb, #d8c7bf, #d4c9c3, #d0cac7

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

- คู่ตรงข้าม: #f5bda2, #97d6f1
- คู่ตรงข้ามแยก: #f5bda2, #8fdbdc, #adcefc
- ข้างเคียง: #f5bda2, #f8b8ba, #e7c694
- สามเส้า: #f5bda2, #9cdbc1, #c7c5fa
- สี่เหลี่ยมผืนผ้า: #f5bda2, #d0cf96, #97d6f1, #c7c5fa
- สี่เหลี่ยมจัตุรัส: #f5bda2, #b5d7a7, #97d6f1, #dfbdec
- โทนสีเดียว: #f5bda2, #a6735a, #cd977d, #ffeada, #ffeedf

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

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

#f5bda2 เป็นโทนพาสเทล เฉดอ่อนของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเบจ ใน RGB คือ rgb(245, 189, 162) ใน HSL คือ hsl(19.52, 80.58%, 79.8%) และใน OKLCH คือ oklch(84.218% 0.07459 46.955)

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

สีตรงข้ามของ #f5bda2 คือ #97d6f1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f8b8ba และ #e7c694 ส่วนสีสามเส้าคือ #9cdbc1 และ #c7c5fa

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

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

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

#f5bda2 เป็นสีโทนร้อน ใน OKLCH มีฮิว 47 องศา ความสว่าง 84.2% และความสด 0.075