# สี #696c99: โทนตุ่น สีคราม

#696c99 คือ rgb(105, 108, 153) ใน RGB และ oklch(54.683% 0.07002 280.862) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #696c99 |
| RGB | rgb(105, 108, 153) |
| HSL | hsl(236.25, 19.05%, 50.59%) |
| HSB / HSV | hsv(236.25 31.37% 60%) |
| HWB | hwb(236.25 41.18% 40%) |
| CMYK | cmyk(31% 29% 0% 40%) |
| Lab | lab(46.74 7.1 -25.07) |
| LCH | lch(46.74 26.06 285.82) |
| OKLab | oklab(54.683% 0.0132 -0.06877) |
| OKLCH | oklch(54.683% 0.07002 280.862) |
| Display P3 | color(display-p3 0.41388 0.42315 0.58676) |
| Rec. 2020 | color(rec2020 0.37135 0.37061 0.54094) |
| Adobe RGB | color(a98-rgb 0.41395 0.422 0.58849) |
| ProPhoto RGB | color(prophoto-rgb 0.3725 0.3535 0.50821) |
| sRGB เชิงเส้น | color(srgb-linear 0.14126 0.14996 0.31855) |
| XYZ D65 | color(xyz-d65 0.16937 0.16028 0.32339) |
| XYZ D50 | color(xyz-d50 0.16493 0.15824 0.244) |
| SwiftUI | Color(red: 0.412, green: 0.424, blue: 0.6) |
| UIKit | UIColor(red: 0.412, green: 0.424, blue: 0.6, alpha: 1) |
| Flutter / Compose | Color(0xFF696C99) |
| Android XML | #696C99 |

## ข้อมูล

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

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

#696c99, #777aa3, #8588ad, #9396b7, #a2a5c2, #b1b3cc, #c0c2d6, #cfd1e0, #dfe0ea, #eff0f5

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

#696c99, #5a5d84, #4c4e70, #3e405d, #31324a, #242538, #181927, #0c0d17, #040408, #000001

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

#696c99, #6a6d95, #6a6d91, #6b6e8d, #6c6e89, #6d6f85, #6d6f81, #6e6f7d, #6f7079, #707075

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

- คู่ตรงข้าม: #696c99, #797240
- คู่ตรงข้ามแยก: #696c99, #8b6a42, #62794e
- ข้างเคียง: #696c99, #517498, #7e658f
- สามเส้า: #696c99, #946351, #497d63
- สี่เหลี่ยมผืนผ้า: #696c99, #8d607d, #797240, #497d63
- สี่เหลี่ยมจัตุรัส: #696c99, #955f67, #797240, #387e7a
- โทนสีเดียว: #696c99, #2a2a52, #484a75, #8c90bf, #b1b5e6

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

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

#696c99 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(105, 108, 153) ใน HSL คือ hsl(236.25, 19.05%, 50.59%) และใน OKLCH คือ oklch(54.683% 0.07002 280.862)

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

สีตรงข้ามของ #696c99 คือ #797240 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #517498 และ #7e658f ส่วนสีสามเส้าคือ #946351 และ #497d63

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

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

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

#696c99 เป็นสีโทนเย็น ใน OKLCH มีฮิว 281 องศา ความสว่าง 54.7% และความสด 0.07