# สี #a3d3da: โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a3d3da |
| RGB | rgb(163, 211, 218) |
| HSL | hsl(187.64, 42.64%, 74.71%) |
| HSB / HSV | hsv(187.64 25.23% 85.49%) |
| HWB | hwb(187.64 63.92% 14.51%) |
| CMYK | cmyk(25% 3% 0% 15%) |
| Lab | lab(81.35 -15 -8.86) |
| LCH | lch(81.35 17.42 210.57) |
| OKLab | oklab(83.545% -0.04517 -0.02329) |
| OKLCH | oklch(83.545% 0.05082 207.28) |
| Display P3 | color(display-p3 0.67769 0.82209 0.84984) |
| Rec. 2020 | color(rec2020 0.68681 0.79508 0.8317) |
| Adobe RGB | color(a98-rgb 0.69376 0.82292 0.84976) |
| ProPhoto RGB | color(prophoto-rgb 0.68602 0.77003 0.81345) |
| sRGB เชิงเส้น | color(srgb-linear 0.36625 0.65141 0.7011) |
| XYZ D65 | color(xyz-d65 0.51051 0.59436 0.75114) |
| XYZ D50 | color(xyz-d50 0.51091 0.59097 0.569) |
| SwiftUI | Color(red: 0.639, green: 0.827, blue: 0.855) |
| UIKit | UIColor(red: 0.639, green: 0.827, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFFA3D3DA) |
| Android XML | #A3D3DA |

## ข้อมูล

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

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

#a3d3da, #acd7de, #b6dce1, #bfe0e5, #c8e5e9, #d1e9ec, #dbedf0, #e4f2f4, #edf6f8, #f6fbfb

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

#a3d3da, #8db7bd, #789ca2, #638287, #4f696c, #3c5154, #2a3a3c, #192425, #0a1011, #010202

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

#a3d3da, #a7d2d8, #abd1d7, #afd0d5, #b3cfd3, #b7ced1, #bbcdd0, #beccce, #c2cbcc, #c5cacb

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

- คู่ตรงข้าม: #a3d3da, #e9bdb7
- คู่ตรงข้ามแยก: #a3d3da, #e6bcc9, #e3c1a9
- ข้างเคียง: #a3d3da, #a7d4c8, #abcfe7
- สามเส้า: #a3d3da, #dcbeda, #d7c8a4
- สี่เหลี่ยมผืนผ้า: #a3d3da, #bac9eb, #e9bdb7, #d7c8a4
- สี่เหลี่ยมจัตุรัส: #a3d3da, #ccc3e7, #e9bdb7, #c6cea9
- โทนสีเดียว: #a3d3da, #5a888e, #7eadb3, #cafbff, #ceffff

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

### #a3d3da คือสีอะไร

#a3d3da เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(163, 211, 218) ใน HSL คือ hsl(187.64, 42.64%, 74.71%) และใน OKLCH คือ oklch(83.545% 0.05082 207.28)

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

สีตรงข้ามของ #a3d3da คือ #e9bdb7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7d4c8 และ #abcfe7 ส่วนสีสามเส้าคือ #dcbeda และ #d7c8a4

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

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

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

#a3d3da เป็นสีโทนเย็น ใน OKLCH มีฮิว 207 องศา ความสว่าง 83.5% และความสด 0.051