# สีเทาอ่อน: รหัสสี #d3d3d3

#d3d3d3 คือ rgb(211, 211, 211) ใน RGB และ oklch(86.686% 0 0) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/colors/light-gray

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #d3d3d3 |
| RGB | rgb(211, 211, 211) |
| HSL | hsl(0, 0%, 82.75%) |
| HSB / HSV | hsv(0 0% 82.75%) |
| HWB | hwb(0 82.75% 17.25%) |
| CMYK | cmyk(0% 0% 0% 17%) |
| Lab | lab(84.56 0 0) |
| LCH | lch(84.56 0 0) |
| OKLab | oklab(86.686% 0 0) |
| OKLCH | oklch(86.686% 0 0) |
| Display P3 | color(display-p3 0.82745 0.82745 0.82745) |
| Rec. 2020 | color(rec2020 0.80716 0.80716 0.80716) |
| Adobe RGB | color(a98-rgb 0.82292 0.82292 0.82292) |
| ProPhoto RGB | color(prophoto-rgb 0.78811 0.78811 0.78811) |
| sRGB เชิงเส้น | color(srgb-linear 0.65141 0.65141 0.65141) |
| XYZ D65 | color(xyz-d65 0.61913 0.65141 0.70942) |
| XYZ D50 | color(xyz-d50 0.62815 0.65141 0.53748) |
| SwiftUI | Color(red: 0.827, green: 0.827, blue: 0.827) |
| UIKit | UIColor(red: 0.827, green: 0.827, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFFD3D3D3) |
| Android XML | #D3D3D3 |

## ข้อมูล

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

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

#d3d3d3, #d7d7d7, #dcdcdc, #e0e0e0, #e4e4e4, #e9e9e9, #ededed, #f2f2f2, #f6f6f6, #fbfbfb

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

#d3d3d3, #b7b7b7, #9c9c9c, #828282, #696969, #515151, #3a3a3a, #242424, #101010, #020202

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

#d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3

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

- คู่ตรงข้าม: #d3d3d3, #d3d3d3
- คู่ตรงข้ามแยก: #d3d3d3, #d3d3d3, #d3d3d3
- ข้างเคียง: #d3d3d3, #d3d3d3, #d3d3d3
- สามเส้า: #d3d3d3, #d3d3d3, #d3d3d3
- สี่เหลี่ยมผืนผ้า: #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3
- สี่เหลี่ยมจัตุรัส: #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3
- โทนสีเดียว: #d3d3d3, #888888, #adadad, #f5f5f5, #f5f5f5

## คำถามเกี่ยวกับ สีเทาอ่อน

### รหัสสี HEX ของ สีเทาอ่อน คืออะไร

รหัสสี HEX ของ สีเทาอ่อน คือ #d3d3d3 ใน RGB คือ rgb(211, 211, 211) ใน HSL คือ hsl(0, 0%, 82.75%) และใน OKLCH คือ oklch(86.686% 0 0)

### สีอะไรเข้ากับ สีเทาอ่อน

สีตรงข้ามคือ #d3d3d3 หากต้องการลุคที่ดูสงบกว่า ให้จับคู่กับสีข้างเคียง #d3d3d3 และ #d3d3d3 ส่วนพาเลตสำเร็จรูปที่มี สีเทาอ่อน แสดงอยู่ในหน้านี้

### สีเทาอ่อน เป็นสีโทนร้อนหรือโทนเย็น

สีเทาอ่อน เป็นสีโทนกลาง มีฮิวใน OKLCH 0 องศา

### ตัวอักษรสีอะไรอ่านง่ายบน สีเทาอ่อน

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