# สี #645e89: โทนตุ่น สีม่วงไวโอเล็ต

#645e89 คือ rgb(100, 94, 137) ใน RGB และ oklch(50.506% 0.0678 290.144) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #645e89 |
| RGB | rgb(100, 94, 137) |
| HSL | hsl(248.37, 18.61%, 45.29%) |
| HSB / HSV | hsv(248.37 31.39% 53.73%) |
| HWB | hwb(248.37 36.86% 46.27%) |
| CMYK | cmyk(27% 31% 0% 46%) |
| Lab | lab(41.81 10.11 -23.19) |
| LCH | lch(41.81 25.3 293.56) |
| OKLab | oklab(50.506% 0.02335 -0.06365) |
| OKLCH | oklch(50.506% 0.0678 290.144) |
| Display P3 | color(display-p3 0.38811 0.36944 0.52514) |
| Rec. 2020 | color(rec2020 0.33604 0.31537 0.4747) |
| Adobe RGB | color(a98-rgb 0.38566 0.36945 0.52701) |
| ProPhoto RGB | color(prophoto-rgb 0.33488 0.30412 0.44393) |
| sRGB เชิงเส้น | color(srgb-linear 0.12744 0.11193 0.25016) |
| XYZ D65 | color(xyz-d65 0.13773 0.12521 0.25359) |
| XYZ D50 | color(xyz-d50 0.13447 0.12376 0.19128) |
| SwiftUI | Color(red: 0.392, green: 0.369, blue: 0.537) |
| UIKit | UIColor(red: 0.392, green: 0.369, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFF645E89) |
| Android XML | #645E89 |

## ข้อมูล

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

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

#645e89, #726d95, #817ca0, #8f8cac, #9e9cb8, #aeacc3, #bebccf, #ceccdb, #dedde7, #eeeef3

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

#645e89, #565176, #484464, #3b3753, #2e2b42, #221f31, #161422, #0b0a14, #030307, #000001

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

#645e89, #645f85, #646082, #64607e, #64617b, #646277, #646274, #646370, #64636c, #646468

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

- คู่ตรงข้าม: #645e89, #676839
- คู่ตรงข้ามแยก: #645e89, #796035, #506e49
- ข้างเคียง: #645e89, #4e658c, #76587d
- สามเส้า: #645e89, #845941, #38715f
- สี่เหลี่ยมผืนผ้า: #645e89, #82546a, #676839, #38715f
- สี่เหลี่ยมจัตุรัส: #645e89, #875554, #676839, #2c7074
- โทนสีเดียว: #645e89, #251e43, #433d65, #8781ae, #aba6d5

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

### #645e89 คือสีอะไร

#645e89 เป็นโทนตุ่น สีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีม่วงไวโอเล็ต ใน RGB คือ rgb(100, 94, 137) ใน HSL คือ hsl(248.37, 18.61%, 45.29%) และใน OKLCH คือ oklch(50.506% 0.0678 290.144)

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

สีตรงข้ามของ #645e89 คือ #676839 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4e658c และ #76587d ส่วนสีสามเส้าคือ #845941 และ #38715f

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

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

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

#645e89 เป็นสีโทนเย็น ใน OKLCH มีฮิว 290 องศา ความสว่าง 50.5% และความสด 0.068