# สี #666a90: โทนตุ่น สีคราม

#666a90 คือ rgb(102, 106, 144) ใน RGB และ oklch(53.585% 0.05964 279.516) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #666a90 |
| RGB | rgb(102, 106, 144) |
| HSL | hsl(234.29, 17.07%, 48.24%) |
| HSB / HSV | hsv(234.29 29.17% 56.47%) |
| HWB | hwb(234.29 40% 43.53%) |
| CMYK | cmyk(29% 26% 0% 44%) |
| Lab | lab(45.61 5.35 -21.53) |
| LCH | lch(45.61 22.18 283.96) |
| OKLab | oklab(53.585% 0.00986 -0.05882) |
| OKLCH | oklch(53.585% 0.05964 279.516) |
| Display P3 | color(display-p3 0.40284 0.41518 0.55321) |
| Rec. 2020 | color(rec2020 0.35872 0.36157 0.50508) |
| Adobe RGB | color(a98-rgb 0.40376 0.41446 0.55446) |
| ProPhoto RGB | color(prophoto-rgb 0.35764 0.34443 0.47371) |
| sRGB เชิงเส้น | color(srgb-linear 0.13287 0.14413 0.27889) |
| XYZ D65 | color(xyz-d65 0.15667 0.15146 0.28485) |
| XYZ D50 | color(xyz-d50 0.15335 0.14979 0.215) |
| SwiftUI | Color(red: 0.4, green: 0.416, blue: 0.565) |
| UIKit | UIColor(red: 0.4, green: 0.416, blue: 0.565, alpha: 1) |
| Flutter / Compose | Color(0xFF666A90) |
| Android XML | #666A90 |

## ข้อมูล

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

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

#666a90, #74789b, #8286a6, #9195b1, #a0a3bc, #afb2c7, #bfc1d2, #ced0dd, #dee0e8, #efeff4

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

#666a90, #585b7d, #4a4d6a, #3c3f57, #2f3145, #232434, #171824, #0c0d15, #040407, #000001

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

#666a90, #676a8d, #676b89, #686b86, #696c82, #696c7f, #6a6c7c, #6b6d78, #6c6d74, #6d6d71

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

- คู่ตรงข้าม: #666a90, #766e45
- คู่ตรงข้ามแยก: #666a90, #846747, #62754f
- ข้างเคียง: #666a90, #52708f, #786488
- สามเส้า: #666a90, #8c6253, #4e7861
- สี่เหลี่ยมผืนผ้า: #666a90, #856079, #766e45, #4e7861
- สี่เหลี่ยมจัตุรัส: #666a90, #8c5f66, #766e45, #417975
- โทนสีเดียว: #666a90, #27294a, #45486c, #898eb5, #aeb3dc

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

### #666a90 คือสีอะไร

#666a90 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(102, 106, 144) ใน HSL คือ hsl(234.29, 17.07%, 48.24%) และใน OKLCH คือ oklch(53.585% 0.05964 279.516)

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

สีตรงข้ามของ #666a90 คือ #766e45 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #52708f และ #786488 ส่วนสีสามเส้าคือ #8c6253 และ #4e7861

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

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

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

#666a90 เป็นสีโทนเย็น ใน OKLCH มีฮิว 280 องศา ความสว่าง 53.6% และความสด 0.06