# สี #687ca0: โทนตุ่น สีน้ำเงิน

#687ca0 คือ rgb(104, 124, 160) ใน RGB และ oklch(58.424% 0.06042 261.998) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #687ca0 |
| RGB | rgb(104, 124, 160) |
| HSL | hsl(218.57, 22.76%, 51.76%) |
| HSB / HSV | hsv(218.57 35% 62.75%) |
| HWB | hwb(218.57 40.78% 37.25%) |
| CMYK | cmyk(35% 22% 0% 37%) |
| Lab | lab(51.45 -0.66 -21.95) |
| LCH | lch(51.45 21.96 268.27) |
| OKLab | oklab(58.424% -0.00841 -0.05983) |
| OKLCH | oklch(58.424% 0.06042 261.998) |
| Display P3 | color(display-p3 0.4231 0.48392 0.61558) |
| Rec. 2020 | color(rec2020 0.3939 0.4322 0.57258) |
| Adobe RGB | color(a98-rgb 0.43016 0.48273 0.61666) |
| ProPhoto RGB | color(prophoto-rgb 0.39657 0.40847 0.54041) |
| sRGB เชิงเส้น | color(srgb-linear 0.13843 0.20156 0.35153) |
| XYZ D65 | color(xyz-d65 0.19261 0.19896 0.36084) |
| XYZ D50 | color(xyz-d50 0.18829 0.1966 0.27252) |
| SwiftUI | Color(red: 0.408, green: 0.486, blue: 0.627) |
| UIKit | UIColor(red: 0.408, green: 0.486, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF687CA0) |
| Android XML | #687CA0 |

## ข้อมูล

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

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

#687ca0, #7688a9, #8495b3, #93a2bc, #a2afc6, #b1bccf, #c0c9d9, #cfd6e2, #dfe4ec, #eff1f5

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

#687ca0, #596b8b, #4b5a76, #3e4a61, #303b4e, #242c3b, #181e29, #0c1119, #040509, #000101

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

#687ca0, #6a7c9c, #6c7c99, #6e7c95, #707c92, #727c8e, #747c8a, #767c87, #787c83, #7a7c7f

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

- คู่ตรงข้าม: #687ca0, #8e7852
- คู่ตรงข้ามแยก: #687ca0, #99725a, #7c7f55
- ข้างเคียง: #687ca0, #568299, #7c759d
- สามเส้า: #687ca0, #9c6e6b, #678564
- สี่เหลี่ยมผืนผ้า: #687ca0, #8d7091, #8e7852, #678564
- สี่เหลี่ยมจัตุรัส: #687ca0, #986d7f, #8e7852, #558877
- โทนสีเดียว: #687ca0, #273958, #47597b, #8ba0c6, #b0c6ee

## คำถามเกี่ยวกับ #687ca0

### #687ca0 คือสีอะไร

#687ca0 เป็นโทนตุ่น สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีน้ำเงิน ใน RGB คือ rgb(104, 124, 160) ใน HSL คือ hsl(218.57, 22.76%, 51.76%) และใน OKLCH คือ oklch(58.424% 0.06042 261.998)

### สีอะไรเข้ากับ #687ca0

สีตรงข้ามของ #687ca0 คือ #8e7852 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #568299 และ #7c759d ส่วนสีสามเส้าคือ #9c6e6b และ #678564

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

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

### #687ca0 เป็นสีโทนร้อนหรือโทนเย็น

#687ca0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 262 องศา ความสว่าง 58.4% และความสด 0.06