# สี #684e75: โทนตุ่น เฉดเข้มของสีม่วง

#684e75 คือ rgb(104, 78, 117) ใน RGB และ oklch(46.652% 0.06904 314.087) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #684e75 |
| RGB | rgb(104, 78, 117) |
| HSL | hsl(280, 20%, 38.24%) |
| HSB / HSV | hsv(280 33.33% 45.88%) |
| HWB | hwb(280 30.59% 54.12%) |
| CMYK | cmyk(11% 33% 0% 54%) |
| Lab | lab(37.15 17.12 -18.11) |
| LCH | lch(37.15 24.93 313.39) |
| OKLab | oklab(46.652% 0.04803 -0.04959) |
| OKLCH | oklch(46.652% 0.06904 314.087) |
| Display P3 | color(display-p3 0.39207 0.30993 0.44902) |
| Rec. 2020 | color(rec2020 0.32353 0.25672 0.3937) |
| Adobe RGB | color(a98-rgb 0.38234 0.31016 0.45116) |
| ProPhoto RGB | color(prophoto-rgb 0.31277 0.25452 0.36783) |
| sRGB เชิงเส้น | color(srgb-linear 0.13843 0.07619 0.17789) |
| XYZ D65 | color(xyz-d65 0.11644 0.09676 0.18085) |
| XYZ D50 | color(xyz-d50 0.11516 0.0962 0.13635) |
| SwiftUI | Color(red: 0.408, green: 0.306, blue: 0.459) |
| UIKit | UIColor(red: 0.408, green: 0.306, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF684E75) |
| Android XML | #684E75 |

## ข้อมูล

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

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

#684e75, #765e82, #846f8f, #93809d, #a291ab, #b1a3b8, #c0b5c6, #cfc7d4, #dfd9e2, #efecf1

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

#684e75, #594365, #4b3855, #3e2d46, #302337, #241929, #180f1c, #0c070f, #040205, #000001

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

#684e75, #674f72, #655170, #64526d, #62536a, #615468, #605565, #5e5762, #5d585f, #5b595d

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

- คู่ตรงข้าม: #684e75, #4a623a
- คู่ตรงข้ามแยก: #684e75, #605c2b, #30664f
- ข้างเคียง: #684e75, #55547f, #754a63
- สามเส้า: #684e75, #71542b, #1e6665
- สี่เหลี่ยมผืนผ้า: #684e75, #7c494e, #4a623a, #1e6665
- สี่เหลี่ยมจัตุรัส: #684e75, #7a4d39, #4a623a, #276277
- โทนสีเดียว: #684e75, #271032, #472e53, #8b7099, #b094bf

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

### #684e75 คือสีอะไร

#684e75 เป็นโทนตุ่น เฉดเข้มของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีม่วง ใน RGB คือ rgb(104, 78, 117) ใน HSL คือ hsl(280, 20%, 38.24%) และใน OKLCH คือ oklch(46.652% 0.06904 314.087)

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

สีตรงข้ามของ #684e75 คือ #4a623a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #55547f และ #754a63 ส่วนสีสามเส้าคือ #71542b และ #1e6665

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

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

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

#684e75 เป็นสีโทนกลาง ใน OKLCH มีฮิว 314 องศา ความสว่าง 46.7% และความสด 0.069