# สี #335a77: โทนตุ่น เฉดเข้มของสีฟ้า

#335a77 คือ rgb(51, 90, 119) ใน RGB และ oklch(45.167% 0.06516 242.287) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #335a77 |
| RGB | rgb(51, 90, 119) |
| HSL | hsl(205.59, 40%, 33.33%) |
| HSB / HSV | hsv(205.59 57.14% 46.67%) |
| HWB | hwb(205.59 20% 53.33%) |
| CMYK | cmyk(57% 24% 0% 53%) |
| Lab | lab(36.34 -7.33 -21.04) |
| LCH | lch(36.34 22.28 250.79) |
| OKLab | oklab(45.167% -0.0303 -0.05769) |
| OKLCH | oklch(45.167% 0.06516 242.287) |
| Display P3 | color(display-p3 0.23581 0.3491 0.45647) |
| Rec. 2020 | color(rec2020 0.21623 0.28793 0.40213) |
| Adobe RGB | color(a98-rgb 0.26253 0.35454 0.45979) |
| ProPhoto RGB | color(prophoto-rgb 0.24101 0.27477 0.37639) |
| sRGB เชิงเส้น | color(srgb-linear 0.0331 0.10224 0.18447) |
| XYZ D65 | color(xyz-d65 0.08351 0.09348 0.18818) |
| XYZ D50 | color(xyz-d50 0.08021 0.09184 0.14212) |
| SwiftUI | Color(red: 0.2, green: 0.353, blue: 0.467) |
| UIKit | UIColor(red: 0.2, green: 0.353, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF335A77) |
| Android XML | #335A77 |

## ข้อมูล

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

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

#335a77, #466984, #5a7991, #6d899f, #8199ac, #95a9ba, #aabac7, #bfcbd5, #d4dce3, #e9edf1

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

#335a77, #2b4d67, #234157, #1c3547, #142938, #0d1e2a, #07131c, #030910, #010305, #000001

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

#335a77, #375a74, #3b5971, #3f596d, #43596a, #465867, #495863, #4d5760, #50575d, #535659

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

- คู่ตรงข้าม: #335a77, #704d2e
- คู่ตรงข้ามแยก: #335a77, #76483e, #635528
- ข้างเคียง: #335a77, #215f6b, #49537a
- สามเส้า: #335a77, #744653, #4f5c31
- สี่เหลี่ยมผืนผ้า: #335a77, #5d4d74, #704d2e, #4f5c31
- สี่เหลี่ยมจัตุรัส: #335a77, #6b4866, #704d2e, #386044
- โทนสีเดียว: #335a77, #001b34, #113954, #557d9b, #78a1c1

## คำถามเกี่ยวกับ #335a77

### #335a77 คือสีอะไร

#335a77 เป็นโทนตุ่น เฉดเข้มของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีฟ้า ใน RGB คือ rgb(51, 90, 119) ใน HSL คือ hsl(205.59, 40%, 33.33%) และใน OKLCH คือ oklch(45.167% 0.06516 242.287)

### สีอะไรเข้ากับ #335a77

สีตรงข้ามของ #335a77 คือ #704d2e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #215f6b และ #49537a ส่วนสีสามเส้าคือ #744653 และ #4f5c31

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

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

### #335a77 เป็นสีโทนร้อนหรือโทนเย็น

#335a77 เป็นสีโทนเย็น ใน OKLCH มีฮิว 242 องศา ความสว่าง 45.2% และความสด 0.065
