# สี #bea2f5: โทนสด เฉดอ่อนของสีม่วงไวโอเล็ต

#bea2f5 คือ rgb(190, 162, 245) ใน RGB และ oklch(76.754% 0.11959 299.078) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #bea2f5 |
| RGB | rgb(190, 162, 245) |
| HSL | hsl(260.24, 80.58%, 79.8%) |
| HSB / HSV | hsv(260.24 33.88% 96.08%) |
| HWB | hwb(260.24 63.53% 3.92%) |
| CMYK | cmyk(22% 34% 0% 4%) |
| Lab | lab(71.48 23.09 -37.98) |
| LCH | lch(71.48 44.45 301.29) |
| OKLab | oklab(76.754% 0.05812 -0.10451) |
| OKLCH | oklch(76.754% 0.11959 299.078) |
| Display P3 | color(display-p3 0.72716 0.63934 0.93878) |
| Rec. 2020 | color(rec2020 0.69196 0.61042 0.92679) |
| Adobe RGB | color(a98-rgb 0.71021 0.62945 0.94858) |
| ProPhoto RGB | color(prophoto-rgb 0.69551 0.59432 0.90855) |
| sRGB เชิงเส้น | color(srgb-linear 0.51492 0.36131 0.9131) |
| XYZ D65 | color(xyz-d65 0.50634 0.43381 0.92095) |
| XYZ D50 | color(xyz-d50 0.49434 0.42893 0.69429) |
| SwiftUI | Color(red: 0.745, green: 0.635, blue: 0.961) |
| UIKit | UIColor(red: 0.745, green: 0.635, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFBEA2F5) |
| Android XML | #BEA2F5 |

## ข้อมูล

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

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

#bea2f5, #c4abf7, #cab5f8, #d1bef9, #d7c7fa, #ded1fb, #e4dafc, #ebe3fd, #f2ecfe, #f8f6ff

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

#bea2f5, #a58cd5, #8c77b6, #756398, #5e4f7b, #483c5f, #332a44, #1f192b, #0d0a15, #020103

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

#bea2f5, #bda4ef, #bca6e8, #bba8e2, #b9aadb, #b8acd5, #b7adce, #b6afc8, #b5b0c1, #b4b2ba

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

- คู่ตรงข้าม: #bea2f5, #abbe63
- คู่ตรงข้ามแยก: #bea2f5, #d2af51, #7ac989
- ข้างเคียง: #bea2f5, #94b0ff, #de97d9
- สามเส้า: #bea2f5, #eca062, #47ccb5
- สี่เหลี่ยมผืนผ้า: #bea2f5, #f192b2, #abbe63, #47ccb5
- สี่เหลี่ยมจัตุรัส: #bea2f5, #f69587, #abbe63, #39c8dc
- โทนสีเดียว: #bea2f5, #7559a6, #997dcd, #e2ceff, #f8f0ff

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

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

#bea2f5 เป็นโทนสด เฉดอ่อนของสีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีม่วงไวโอเล็ต ใน RGB คือ rgb(190, 162, 245) ใน HSL คือ hsl(260.24, 80.58%, 79.8%) และใน OKLCH คือ oklch(76.754% 0.11959 299.078)

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

สีตรงข้ามของ #bea2f5 คือ #abbe63 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #94b0ff และ #de97d9 ส่วนสีสามเส้าคือ #eca062 และ #47ccb5

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

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

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

#bea2f5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 299 องศา ความสว่าง 76.8% และความสด 0.12