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

#f5b5dd คือ rgb(245, 181, 221) ใน RGB และ oklch(84.38% 0.08979 341.272) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f5b5dd |
| RGB | rgb(245, 181, 221) |
| HSL | hsl(322.5, 76.19%, 83.53%) |
| HSB / HSV | hsv(322.5 26.12% 96.08%) |
| HWB | hwb(322.5 70.98% 3.92%) |
| CMYK | cmyk(0% 26% 10% 4%) |
| Lab | lab(80.64 28.4 -10.58) |
| LCH | lch(80.64 30.31 339.56) |
| OKLab | oklab(84.38% 0.08504 -0.02883) |
| OKLCH | oklch(84.38% 0.08979 341.272) |
| Display P3 | color(display-p3 0.92267 0.72003 0.8583) |
| Rec. 2020 | color(rec2020 0.87019 0.70268 0.83891) |
| Adobe RGB | color(a98-rgb 0.89557 0.70395 0.85705) |
| ProPhoto RGB | color(prophoto-rgb 0.84436 0.69076 0.81735) |
| sRGB เชิงเส้น | color(srgb-linear 0.9131 0.46208 0.72306) |
| XYZ D65 | color(xyz-d65 0.67228 0.57682 0.76002) |
| XYZ D50 | color(xyz-d50 0.67959 0.57825 0.57391) |
| SwiftUI | Color(red: 0.961, green: 0.71, blue: 0.867) |
| UIKit | UIColor(red: 0.961, green: 0.71, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFFF5B5DD) |
| Android XML | #F5B5DD |

## ข้อมูล

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

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

#f5b5dd, #f6bce0, #f8c4e4, #f9cbe7, #fad3eb, #fbdaee, #fce1f1, #fde9f5, #fef0f8, #fef8fc

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

#f5b5dd, #d59dc0, #b686a4, #986f88, #7b596e, #5f4455, #44303d, #2b1d26, #150c11, #030202

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

#f5b5dd, #f1b7db, #edbada, #e9bcd8, #e5bfd6, #e1c1d4, #ddc3d3, #d9c5d1, #d5c7cf, #d0c9cd

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

- คู่ตรงข้าม: #f5b5dd, #96deb9
- คู่ตรงข้ามแยก: #f5b5dd, #b7d89b, #81dfda
- ข้างเคียง: #f5b5dd, #dfbcf7, #ffb4bd
- สามเส้า: #f5b5dd, #d8ce89, #86daf5
- สี่เหลี่ยมผืนผ้า: #f5b5dd, #ffb99e, #96deb9, #86daf5
- สี่เหลี่ยมจัตุรัส: #f5b5dd, #f1c28a, #96deb9, #a0d0ff
- โทนสีเดียว: #f5b5dd, #a66c91, #cd8fb6, #ffe6fe, #ffe9ff

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

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

#f5b5dd เป็นโทนพาสเทล เฉดอ่อนของสีชมพู ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีชมพู ใน RGB คือ rgb(245, 181, 221) ใน HSL คือ hsl(322.5, 76.19%, 83.53%) และใน OKLCH คือ oklch(84.38% 0.08979 341.272)

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

สีตรงข้ามของ #f5b5dd คือ #96deb9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #dfbcf7 และ #ffb4bd ส่วนสีสามเส้าคือ #d8ce89 และ #86daf5

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

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

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

#f5b5dd เป็นสีโทนร้อน ใน OKLCH มีฮิว 341 องศา ความสว่าง 84.4% และความสด 0.09