# สี #337e8a: โทนตุ่น สีฟ้าอมเขียว

#337e8a คือ rgb(51, 126, 138) ใน RGB และ oklch(55.148% 0.07522 209.609) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #337e8a |
| RGB | rgb(51, 126, 138) |
| HSL | hsl(188.28, 46.03%, 37.06%) |
| HSB / HSV | hsv(188.28 63.04% 54.12%) |
| HWB | hwb(188.28 20% 45.88%) |
| CMYK | cmyk(63% 9% 0% 46%) |
| Lab | lab(48.55 -21.11 -13.86) |
| LCH | lch(48.55 25.25 213.28) |
| OKLab | oklab(55.148% -0.0654 -0.03717) |
| OKLCH | oklch(55.148% 0.07522 209.609) |
| Display P3 | color(display-p3 0.28119 0.48768 0.53421) |
| Rec. 2020 | color(rec2020 0.29159 0.42994 0.4861) |
| Adobe RGB | color(a98-rgb 0.32267 0.49037 0.5346) |
| ProPhoto RGB | color(prophoto-rgb 0.31094 0.40055 0.45784) |
| sRGB เชิงเส้น | color(srgb-linear 0.0331 0.20864 0.25415) |
| XYZ D65 | color(xyz-d65 0.13413 0.1746 0.26709) |
| XYZ D50 | color(xyz-d50 0.13116 0.17234 0.20221) |
| SwiftUI | Color(red: 0.2, green: 0.494, blue: 0.541) |
| UIKit | UIColor(red: 0.2, green: 0.494, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFF337E8A) |
| Android XML | #337E8A |

## ข้อมูล

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

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

#337e8a, #4a8a95, #5f97a1, #74a4ac, #87b0b8, #9bbdc3, #afcacf, #c3d7db, #d7e4e7, #ebf2f3

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

#337e8a, #2b6d77, #235c65, #1c4c53, #143c42, #0d2d32, #071f22, #031114, #010507, #000101

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

#337e8a, #3c7d88, #457c85, #4c7b83, #527a80, #58787e, #5e777c, #637679, #687577, #6d7374

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

- คู่ตรงข้าม: #337e8a, #996158
- คู่ตรงข้ามแยก: #337e8a, #965f70, #936744
- ข้างเคียง: #337e8a, #388073, #46789a
- สามเส้า: #337e8a, #8b6287, #83703b
- สี่เหลี่ยมผืนผ้า: #337e8a, #60709f, #996158, #83703b
- สี่เหลี่ยมจัตุรัส: #337e8a, #786898, #996158, #6d7945
- โทนสีเดียว: #337e8a, #003a45, #005b67, #59a3af, #7fc9d5

## คำถามเกี่ยวกับ #337e8a

### #337e8a คือสีอะไร

#337e8a เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(51, 126, 138) ใน HSL คือ hsl(188.28, 46.03%, 37.06%) และใน OKLCH คือ oklch(55.148% 0.07522 209.609)

### สีอะไรเข้ากับ #337e8a

สีตรงข้ามของ #337e8a คือ #996158 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #388073 และ #46789a ส่วนสีสามเส้าคือ #8b6287 และ #83703b

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

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

### #337e8a เป็นสีโทนร้อนหรือโทนเย็น

#337e8a เป็นสีโทนเย็น ใน OKLCH มีฮิว 210 องศา ความสว่าง 55.1% และความสด 0.075