# สี #f5babe: โทนพาสเทล เฉดอ่อนของสีชมพู

#f5babe คือ rgb(245, 186, 190) ใน RGB และ oklch(84.348% 0.06846 14.094) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5babe |
| RGB | rgb(245, 186, 190) |
| HSL | hsl(355.93, 74.68%, 84.51%) |
| HSB / HSV | hsv(355.93 24.08% 96.08%) |
| HWB | hwb(355.93 72.94% 3.92%) |
| CMYK | cmyk(0% 24% 22% 4%) |
| Lab | lab(81.09 22.35 6.69) |
| LCH | lch(81.09 23.33 16.67) |
| OKLab | oklab(84.348% 0.0664 0.01667) |
| OKLCH | oklch(84.348% 0.06846 14.094) |
| Display P3 | color(display-p3 0.92518 0.73866 0.74837) |
| Rec. 2020 | color(rec2020 0.87049 0.72009 0.7193) |
| Adobe RGB | color(a98-rgb 0.89984 0.72367 0.73884) |
| ProPhoto RGB | color(prophoto-rgb 0.83175 0.70514 0.69451) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.49102 0.51492) |
| XYZ D65 | color(xyz-d65 0.64507 0.5825 0.56562) |
| XYZ D50 | color(xyz-d50 0.66096 0.58638 0.42809) |
| SwiftUI | Color(red: 0.961, green: 0.729, blue: 0.745) |
| UIKit | UIColor(red: 0.961, green: 0.729, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFFF5BABE) |
| Android XML | #F5BABE |

## ข้อมูล

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

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

#f5babe, #f6c1c4, #f8c8cb, #f9cfd1, #fad6d8, #fbdcde, #fce3e5, #fdeaeb, #fef1f2, #fef8f8

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

#f5babe, #d5a1a5, #b6898c, #987275, #7b5c5e, #5f4648, #443233, #2b1e1f, #150d0d, #030202

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

#f5babe, #f1bcbf, #edbec1, #e9c0c2, #e5c1c3, #e1c3c5, #ddc5c6, #d9c7c7, #d4c8c9, #d0caca

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

- คู่ตรงข้าม: #f5babe, #96dad9
- คู่ตรงข้ามแยก: #f5babe, #a2dac0, #9bd6ed
- ข้างเคียง: #f5babe, #edbad7, #f3bea8
- สามเส้า: #f5babe, #bad6a9, #adcff8
- สี่เหลี่ยมผืนผ้า: #f5babe, #e7c69a, #96dad9, #adcff8
- สี่เหลี่ยมจัตุรัส: #f5babe, #d2cf9b, #96dad9, #c6c6f8
- โทนสีเดียว: #f5babe, #a67075, #cd9499, #ffe9eb, #ffeced

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

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

#f5babe เป็นโทนพาสเทล เฉดอ่อนของสีชมพู ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีชมพู ใน RGB คือ rgb(245, 186, 190) ใน HSL คือ hsl(355.93, 74.68%, 84.51%) และใน OKLCH คือ oklch(84.348% 0.06846 14.094)

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

สีตรงข้ามของ #f5babe คือ #96dad9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #edbad7 และ #f3bea8 ส่วนสีสามเส้าคือ #bad6a9 และ #adcff8

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

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

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

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