# สี #d7baf5: โทนพาสเทล เฉดอ่อนของสีม่วง

#d7baf5 คือ rgb(215, 186, 245) ใน RGB และ oklch(83.325% 0.08658 306.931) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #d7baf5 |
| RGB | rgb(215, 186, 245) |
| HSL | hsl(269.49, 74.68%, 84.51%) |
| HSB / HSV | hsv(269.49 24.08% 96.08%) |
| HWB | hwb(269.49 72.94% 3.92%) |
| CMYK | cmyk(12% 24% 0% 4%) |
| Lab | lab(79.53 18.87 -25.45) |
| LCH | lch(79.53 31.68 306.55) |
| OKLab | oklab(83.325% 0.05202 -0.06921) |
| OKLCH | oklch(83.325% 0.08658 306.931) |
| Display P3 | color(display-p3 0.82443 0.73356 0.94459) |
| Rec. 2020 | color(rec2020 0.79209 0.71181 0.93436) |
| Adobe RGB | color(a98-rgb 0.80807 0.72367 0.95116) |
| ProPhoto RGB | color(prophoto-rgb 0.78725 0.69646 0.91932) |
| sRGB เชิงเส้น | color(srgb-linear 0.67954 0.49102 0.9131) |
| XYZ D65 | color(xyz-d65 0.62062 0.56158 0.93959) |
| XYZ D50 | color(xyz-d50 0.61609 0.55855 0.70917) |
| SwiftUI | Color(red: 0.843, green: 0.729, blue: 0.961) |
| UIKit | UIColor(red: 0.843, green: 0.729, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFD7BAF5) |
| Android XML | #D7BAF5 |

## ข้อมูล

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

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

#d7baf5, #dbc1f6, #dfc8f7, #e3cff9, #e7d6fa, #ebdcfb, #efe3fc, #f3eafd, #f7f1fd, #fbf8fe

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

#d7baf5, #bba1d5, #9f89b6, #857298, #6b5c7b, #52465f, #3b3244, #251e2b, #110d15, #020203

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

#d7baf5, #d6bcf1, #d4bdec, #d3bfe8, #d1c0e3, #d0c2df, #cec3da, #cdc4d6, #cbc6d1, #cac7cd

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

- คู่ตรงข้าม: #d7baf5, #b9d396
- คู่ตรงข้ามแยก: #d7baf5, #d8c987, #99dab2
- ข้างเคียง: #d7baf5, #bac4ff, #eeb3dd
- สามเส้า: #d7baf5, #efbe8b, #83dbd2
- สี่เหลี่ยมผืนผ้า: #d7baf5, #fab1bf, #b9d396, #83dbd2
- สี่เหลี่ยมจัตุรัส: #d7baf5, #fbb5a1, #b9d396, #84d7ed
- โทนสีเดียว: #d7baf5, #8c70a7, #b194cd, #f9e7ff, #fdeeff

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

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

#d7baf5 เป็นโทนพาสเทล เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีม่วง ใน RGB คือ rgb(215, 186, 245) ใน HSL คือ hsl(269.49, 74.68%, 84.51%) และใน OKLCH คือ oklch(83.325% 0.08658 306.931)

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

สีตรงข้ามของ #d7baf5 คือ #b9d396 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #bac4ff และ #eeb3dd ส่วนสีสามเส้าคือ #efbe8b และ #83dbd2

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

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

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

#d7baf5 เป็นสีโทนกลาง ใน OKLCH มีฮิว 307 องศา ความสว่าง 83.3% และความสด 0.087