# สี #696aa4: โทนหม่น สีคราม

#696aa4 คือ rgb(105, 106, 164) ใน RGB และ oklch(54.81% 0.08968 282.265) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #696aa4 |
| RGB | rgb(105, 106, 164) |
| HSL | hsl(238.98, 24.48%, 52.75%) |
| HSB / HSV | hsv(238.98 35.98% 64.31%) |
| HWB | hwb(238.98 41.18% 35.69%) |
| CMYK | cmyk(36% 35% 0% 36%) |
| Lab | lab(46.61 10.6 -31.72) |
| LCH | lch(46.61 33.45 288.48) |
| OKLab | oklab(54.81% 0.01905 -0.08764) |
| OKLCH | oklch(54.81% 0.08968 282.265) |
| Display P3 | color(display-p3 0.41246 0.41556 0.62691) |
| Rec. 2020 | color(rec2020 0.37185 0.36389 0.58388) |
| Adobe RGB | color(a98-rgb 0.41177 0.41446 0.62991) |
| ProPhoto RGB | color(prophoto-rgb 0.37916 0.34887 0.54974) |
| sRGB เชิงเส้น | color(srgb-linear 0.14126 0.14413 0.37124) |
| XYZ D65 | color(xyz-d65 0.1768 0.15991 0.37278) |
| XYZ D50 | color(xyz-d50 0.17023 0.15726 0.28106) |
| SwiftUI | Color(red: 0.412, green: 0.416, blue: 0.643) |
| UIKit | UIColor(red: 0.412, green: 0.416, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF696AA4) |
| Android XML | #696AA4 |

## ข้อมูล

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

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

#696aa4, #7778ad, #8587b7, #9395c0, #a2a4c9, #b0b3d2, #c0c2db, #cfd1e4, #dfe0ed, #efeff6

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

#696aa4, #5a5b8e, #4c4d79, #3e3f64, #313150, #24243d, #18182b, #0c0d1a, #04040a, #000001

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

#696aa4, #6a6b9f, #6a6c9a, #6b6d95, #6c6d90, #6d6e8b, #6d6f86, #6e6f81, #6f707c, #707076

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

- คู่ตรงข้าม: #696aa4, #7b732e
- คู่ตรงข้ามแยก: #696aa4, #916830, #5d7c43
- ข้างเคียง: #696aa4, #4974a4, #836197
- สามเส้า: #696aa4, #9d5f46, #388161
- สี่เหลี่ยมผืนผ้า: #696aa4, #955b7f, #7b732e, #388161
- สี่เหลี่ยมจัตุรัส: #696aa4, #9e5a63, #7b732e, #14817f
- โทนสีเดียว: #696aa4, #2a275b, #48487f, #8c8ecb, #b1b3f3

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

### #696aa4 คือสีอะไร

#696aa4 เป็นโทนหม่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น สีคราม ใน RGB คือ rgb(105, 106, 164) ใน HSL คือ hsl(238.98, 24.48%, 52.75%) และใน OKLCH คือ oklch(54.81% 0.08968 282.265)

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

สีตรงข้ามของ #696aa4 คือ #7b732e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4974a4 และ #836197 ส่วนสีสามเส้าคือ #9d5f46 และ #388161

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

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

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

#696aa4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 282 องศา ความสว่าง 54.8% และความสด 0.09