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

#f7bca5 คือ rgb(247, 188, 165) ใน RGB และ oklch(84.301% 0.07551 42.272) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f7bca5 |
| RGB | rgb(247, 188, 165) |
| HSL | hsl(16.83, 83.67%, 80.78%) |
| HSB / HSV | hsv(16.83 33.2% 96.86%) |
| HWB | hwb(16.83 64.71% 3.14%) |
| CMYK | cmyk(0% 24% 33% 3%) |
| Lab | lab(81.31 19.68 20.35) |
| LCH | lch(81.31 28.3 45.96) |
| OKLab | oklab(84.301% 0.05587 0.05079) |
| OKLCH | oklch(84.301% 0.07551 42.272) |
| Display P3 | color(display-p3 0.93298 0.74649 0.66134) |
| Rec. 2020 | color(rec2020 0.87541 0.72749 0.62567) |
| Adobe RGB | color(a98-rgb 0.90782 0.73157 0.64519) |
| ProPhoto RGB | color(prophoto-rgb 0.82751 0.7111 0.60149) |
| sRGB เชิงเส้น | color(srgb-linear 0.93011 0.50289 0.37626) |
| XYZ D65 | color(xyz-d65 0.6313 0.58459 0.43557) |
| XYZ D50 | color(xyz-d50 0.65311 0.59027 0.33046) |
| SwiftUI | Color(red: 0.969, green: 0.737, blue: 0.647) |
| UIKit | UIColor(red: 0.969, green: 0.737, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFFF7BCA5) |
| Android XML | #F7BCA5 |

## ข้อมูล

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

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

#f7bca5, #f8c3ae, #f9c9b7, #fad0c0, #fbd7c9, #fcded2, #fde4db, #feebe4, #fef2ed, #fff8f6

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

#f7bca5, #d7a38f, #b78b79, #997365, #7c5d51, #60473d, #45322b, #2c1f1a, #150d0a, #030201

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

#f7bca5, #f3bea9, #efbfad, #ebc1b1, #e6c3b5, #e2c4b9, #dec6bc, #d9c7c0, #d5c9c4, #d0cac8

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

- คู่ตรงข้าม: #f7bca5, #94d7ef
- คู่ตรงข้ามแยก: #f7bca5, #90dcd8, #a8cffc
- ข้างเคียง: #f7bca5, #f9b8be, #ebc495
- สามเส้า: #f7bca5, #9fdbbd, #c3c6fc
- สี่เหลี่ยมผืนผ้า: #f7bca5, #d5ce95, #94d7ef, #c3c6fc
- สี่เหลี่ยมจัตุรัส: #f7bca5, #b9d7a4, #94d7ef, #dcbef0
- โทนสีเดียว: #f7bca5, #a8725d, #cf9680, #ffeadd, #ffede1

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

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

#f7bca5 เป็นโทนพาสเทล เฉดอ่อนของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเบจ ใน RGB คือ rgb(247, 188, 165) ใน HSL คือ hsl(16.83, 83.67%, 80.78%) และใน OKLCH คือ oklch(84.301% 0.07551 42.272)

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

สีตรงข้ามของ #f7bca5 คือ #94d7ef หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f9b8be และ #ebc495 ส่วนสีสามเส้าคือ #9fdbbd และ #c3c6fc

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

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

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

#f7bca5 เป็นสีโทนร้อน ใน OKLCH มีฮิว 42 องศา ความสว่าง 84.3% และความสด 0.076