# สี #396f6c: โทนตุ่น สีเขียวหัวเป็ด

#396f6c คือ rgb(57, 111, 108) ใน RGB และ oklch(50.374% 0.05779 190.773) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #396f6c |
| RGB | rgb(57, 111, 108) |
| HSL | hsl(176.67, 32.14%, 32.94%) |
| HSB / HSV | hsv(176.67 48.65% 43.53%) |
| HWB | hwb(176.67 22.35% 56.47%) |
| CMYK | cmyk(49% 0% 3% 56%) |
| Lab | lab(43.09 -19.36 -4.2) |
| LCH | lch(43.09 19.81 192.24) |
| OKLab | oklab(50.374% -0.05677 -0.0108) |
| OKLCH | oklch(50.374% 0.05779 190.773) |
| Display P3 | color(display-p3 0.27591 0.43022 0.42192) |
| Rec. 2020 | color(rec2020 0.2623 0.36981 0.36737) |
| Adobe RGB | color(a98-rgb 0.3071 0.43333 0.42247) |
| ProPhoto RGB | color(prophoto-rgb 0.27078 0.34479 0.34749) |
| sRGB เชิงเส้น | color(srgb-linear 0.04092 0.15896 0.14996) |
| XYZ D65 | color(xyz-d65 0.10078 0.13321 0.16228) |
| XYZ D50 | color(xyz-d50 0.10052 0.13215 0.12309) |
| SwiftUI | Color(red: 0.224, green: 0.435, blue: 0.424) |
| UIKit | UIColor(red: 0.224, green: 0.435, blue: 0.424, alpha: 1) |
| Flutter / Compose | Color(0xFF396F6C) |
| Android XML | #396F6C |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนตุ่น สีเขียวหัวเป็ด
- กลุ่มสี: สีเขียวหัวเป็ด, โทนตุ่น สีเขียวหัวเป็ด
- คลาส Tailwind ที่ใกล้ที่สุด: teal-700
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 5.73:1
- คอนทราสต์กับสีดำ: 3.66:1

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

#396f6c, #4d7d7a, #618a88, #749896, #87a6a4, #9bb5b3, #aec3c2, #c2d2d1, #d6e1e0, #eaf0ef

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

#396f6c, #30605d, #28514e, #1f4240, #173432, #102725, #091a19, #040e0d, #010404, #000100

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

#396f6c, #3f6e6b, #446d6a, #496c6a, #4d6b69, #526a68, #566967, #596867, #5d6666, #616565

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

- คู่ตรงข้าม: #396f6c, #82575c
- คู่ตรงข้ามแยก: #396f6c, #7b576e, #81594b
- ข้างเคียง: #396f6c, #466f59, #3c6c7c
- สามเส้า: #396f6c, #6f5b7d, #795f3f
- สี่เหลี่ยมผืนผ้า: #396f6c, #4b6785, #82575c, #795f3f
- สี่เหลี่ยมจัตุรัส: #396f6c, #5e6185, #82575c, #6b653e
- โทนสีเดียว: #396f6c, #002d2b, #134d4b, #5d938f, #81b8b4

## คำถามเกี่ยวกับ #396f6c

### #396f6c คือสีอะไร

#396f6c เป็นโทนตุ่น สีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีเขียวหัวเป็ด ใน RGB คือ rgb(57, 111, 108) ใน HSL คือ hsl(176.67, 32.14%, 32.94%) และใน OKLCH คือ oklch(50.374% 0.05779 190.773)

### สีอะไรเข้ากับ #396f6c

สีตรงข้ามของ #396f6c คือ #82575c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #466f59 และ #3c6c7c ส่วนสีสามเส้าคือ #6f5b7d และ #795f3f

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

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

### #396f6c เป็นสีโทนร้อนหรือโทนเย็น

#396f6c เป็นสีโทนเย็น ใน OKLCH มีฮิว 191 องศา ความสว่าง 50.4% และความสด 0.058