# สี #314c50: โทนหม่น เฉดเข้มของสีฟ้าอมเขียว

#314c50 คือ rgb(49, 76, 80) ใน RGB และ oklch(39.657% 0.03327 207.574) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #314c50 |
| RGB | rgb(49, 76, 80) |
| HSL | hsl(187.74, 24.03%, 25.29%) |
| HSB / HSV | hsv(187.74 38.75% 31.37%) |
| HWB | hwb(187.74 19.22% 68.63%) |
| CMYK | cmyk(39% 5% 0% 69%) |
| Lab | lab(30.28 -9.73 -5.82) |
| LCH | lch(30.28 11.34 210.89) |
| OKLab | oklab(39.657% -0.02949 -0.0154) |
| OKLCH | oklch(39.657% 0.03327 207.574) |
| Display P3 | color(display-p3 0.21535 0.29522 0.31099) |
| Rec. 2020 | color(rec2020 0.17717 0.23182 0.25091) |
| Adobe RGB | color(a98-rgb 0.23799 0.30281 0.31693) |
| ProPhoto RGB | color(prophoto-rgb 0.19224 0.22534 0.24315) |
| sRGB เชิงเส้น | color(srgb-linear 0.03071 0.07227 0.08022) |
| XYZ D65 | color(xyz-d65 0.05299 0.06401 0.08546) |
| XYZ D50 | color(xyz-d50 0.05271 0.06351 0.06473) |
| SwiftUI | Color(red: 0.192, green: 0.298, blue: 0.314) |
| UIKit | UIColor(red: 0.192, green: 0.298, blue: 0.314, alpha: 1) |
| Flutter / Compose | Color(0xFF314C50) |
| Android XML | #314C50 |

## ข้อมูล

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

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

#314c50, #445c60, #576d70, #6a7e81, #7e8f92, #93a1a3, #a7b3b5, #bdc6c7, #d2d8d9, #e9ecec

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

#314c50, #294144, #223639, #1a2c2e, #132224, #0c181a, #060f10, #030607, #010202, #000000

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

#314c50, #344c4f, #364b4e, #384a4d, #3b4a4c, #3d494b, #3f494a, #414849, #434849, #454748

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

- คู่ตรงข้าม: #314c50, #57403d
- คู่ตรงข้ามแยก: #314c50, #563f47, #554235
- ข้างเคียง: #314c50, #334d47, #364a57
- สามเส้า: #314c50, #514150, #4e4632
- สี่เหลี่ยมผืนผ้า: #314c50, #3f4659, #57403d, #4e4632
- สี่เหลี่ยมจัตุรัส: #314c50, #494357, #57403d, #454935
- โทนสีเดียว: #314c50, #001014, #122d30, #526e72, #749196

## คำถามเกี่ยวกับ #314c50

### #314c50 คือสีอะไร

#314c50 เป็นโทนหม่น เฉดเข้มของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีฟ้าอมเขียว ใน RGB คือ rgb(49, 76, 80) ใน HSL คือ hsl(187.74, 24.03%, 25.29%) และใน OKLCH คือ oklch(39.657% 0.03327 207.574)

### สีอะไรเข้ากับ #314c50

สีตรงข้ามของ #314c50 คือ #57403d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #334d47 และ #364a57 ส่วนสีสามเส้าคือ #514150 และ #4e4632

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

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

### #314c50 เป็นสีโทนร้อนหรือโทนเย็น

#314c50 เป็นสีโทนเย็น ใน OKLCH มีฮิว 208 องศา ความสว่าง 39.7% และความสด 0.033