# สี #677e86: โทนตุ่น สีฟ้า

#677e86 คือ rgb(103, 126, 134) ใน RGB และ oklch(57.766% 0.02941 220.945) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #677e86 |
| RGB | rgb(103, 126, 134) |
| HSL | hsl(195.48, 13.08%, 46.47%) |
| HSB / HSV | hsv(195.48 23.13% 52.55%) |
| HWB | hwb(195.48 40.39% 47.45%) |
| CMYK | cmyk(23% 6% 0% 47%) |
| Lab | lab(51.17 -7.22 -7.28) |
| LCH | lch(51.17 10.25 225.25) |
| OKLab | oklab(57.766% -0.02221 -0.01927) |
| OKLCH | oklch(57.766% 0.02941 220.945) |
| Display P3 | color(display-p3 0.42171 0.49145 0.5215) |
| Rec. 2020 | color(rec2020 0.38817 0.43821 0.47263) |
| Adobe RGB | color(a98-rgb 0.43018 0.49037 0.5198) |
| ProPhoto RGB | color(prophoto-rgb 0.37873 0.41156 0.44535) |
| sRGB เชิงเส้น | color(srgb-linear 0.13563 0.20864 0.2384) |
| XYZ D65 | color(xyz-d65 0.17357 0.19526 0.25409) |
| XYZ D50 | color(xyz-d50 0.17361 0.1942 0.19238) |
| SwiftUI | Color(red: 0.404, green: 0.494, blue: 0.525) |
| UIKit | UIColor(red: 0.404, green: 0.494, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFF677E86) |
| Android XML | #677E86 |

## ข้อมูล

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

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

#677e86, #758a91, #84969d, #92a3a9, #a1b0b5, #b0bdc1, #c0cacd, #cfd7d9, #dfe4e6, #eff1f2

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

#677e86, #596d74, #4b5c62, #3d4c51, #303c40, #232d30, #171f21, #0c1113, #040506, #000101

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

#677e86, #697e85, #6b7d84, #6d7d82, #6f7c81, #717c80, #727b7f, #747b7d, #767a7c, #787a7b

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

- คู่ตรงข้าม: #677e86, #8a746c
- คู่ตรงข้ามแยก: #677e86, #8a7375, #857767
- ข้างเคียง: #677e86, #667f7e, #6d7b8b
- สามเส้า: #677e86, #86737f, #7d7a67
- สี่เหลี่ยมผืนผ้า: #677e86, #76788b, #8a746c, #7d7a67
- สี่เหลี่ยมจัตุรัส: #677e86, #7f7587, #8a746c, #747d6b
- โทนสีเดียว: #677e86, #263b42, #455b63, #8aa2ab, #afc8d1

## คำถามเกี่ยวกับ #677e86

### #677e86 คือสีอะไร

#677e86 เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(103, 126, 134) ใน HSL คือ hsl(195.48, 13.08%, 46.47%) และใน OKLCH คือ oklch(57.766% 0.02941 220.945)

### สีอะไรเข้ากับ #677e86

สีตรงข้ามของ #677e86 คือ #8a746c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #667f7e และ #6d7b8b ส่วนสีสามเส้าคือ #86737f และ #7d7a67

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

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

### #677e86 เป็นสีโทนร้อนหรือโทนเย็น

#677e86 เป็นสีโทนเย็น ใน OKLCH มีฮิว 221 องศา ความสว่าง 57.8% และความสด 0.029