# สี #333f45: เฉดเข้มของสีเทา

#333f45 คือ rgb(51, 63, 69) ใน RGB และ oklch(35.929% 0.01888 229.571) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #333f45 |
| RGB | rgb(51, 63, 69) |
| HSL | hsl(200, 15%, 23.53%) |
| HSB / HSV | hsv(200 26.09% 27.06%) |
| HWB | hwb(200 20% 72.94%) |
| CMYK | cmyk(26% 9% 0% 73%) |
| Lab | lab(25.75 -3.88 -5.4) |
| LCH | lch(25.75 6.65 234.29) |
| OKLab | oklab(35.929% -0.01224 -0.01437) |
| OKLCH | oklch(35.929% 0.01888 229.571) |
| Display P3 | color(display-p3 0.20923 0.24566 0.26793) |
| Rec. 2020 | color(rec2020 0.15813 0.18279 0.20646) |
| Adobe RGB | color(a98-rgb 0.22561 0.25542 0.27635) |
| ProPhoto RGB | color(prophoto-rgb 0.17252 0.18583 0.20542) |
| sRGB เชิงเส้น | color(srgb-linear 0.0331 0.04971 0.05951) |
| XYZ D65 | color(xyz-d65 0.04217 0.04688 0.06313) |
| XYZ D50 | color(xyz-d50 0.0421 0.04661 0.04778) |
| SwiftUI | Color(red: 0.2, green: 0.247, blue: 0.271) |
| UIKit | UIColor(red: 0.2, green: 0.247, blue: 0.271, alpha: 1) |
| Flutter / Compose | Color(0xFF333F45) |
| Android XML | #333F45 |

## ข้อมูล

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

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

#333f45, #455056, #576267, #6a7478, #7e868a, #93999d, #a7adb0, #bdc1c3, #d2d5d7, #e8eaeb

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

#333f45, #2b353b, #232c31, #1c2327, #141b1e, #0d1215, #070a0c, #030405, #010102, #000000

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

#333f45, #343f44, #353f43, #363e43, #373e42, #383e41, #393e40, #3a3e3f, #3b3d3e, #3c3d3e

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

- คู่ตรงข้าม: #333f45, #453a34
- คู่ตรงข้ามแยก: #333f45, #463939, #423c32
- ข้างเคียง: #333f45, #324041, #373d47
- สามเส้า: #333f45, #45393e, #3d3e33
- สี่เหลี่ยมผืนผ้า: #333f45, #3c3b46, #453a34, #3d3e33
- สี่เหลี่ยมจัตุรัส: #333f45, #413a43, #453a34, #383f36
- โทนสีเดียว: #333f45, #01070b, #162126, #536066, #758289

## คำถามเกี่ยวกับ #333f45

### #333f45 คือสีอะไร

#333f45 เป็นเฉดเข้มของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดเข้มของสีเทา ใน RGB คือ rgb(51, 63, 69) ใน HSL คือ hsl(200, 15%, 23.53%) และใน OKLCH คือ oklch(35.929% 0.01888 229.571)

### สีอะไรเข้ากับ #333f45

สีตรงข้ามของ #333f45 คือ #453a34 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #324041 และ #373d47 ส่วนสีสามเส้าคือ #45393e และ #3d3e33

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

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

### #333f45 เป็นสีโทนร้อนหรือโทนเย็น

#333f45 เป็นสีโทนกลาง ใน OKLCH มีฮิว 230 องศา ความสว่าง 35.9% และความสด 0.019