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

#a3dcdf คือ rgb(163, 220, 223) ใน RGB และ oklch(85.652% 0.05831 200.195) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a3dcdf |
| RGB | rgb(163, 220, 223) |
| HSL | hsl(183, 48.39%, 75.69%) |
| HSB / HSV | hsv(183 26.91% 87.45%) |
| HWB | hwb(183 63.92% 12.55%) |
| CMYK | cmyk(27% 1% 0% 13%) |
| Lab | lab(83.93 -18.36 -7.71) |
| LCH | lch(83.93 19.92 202.78) |
| OKLab | oklab(85.652% -0.05472 -0.02013) |
| OKLCH | oklch(85.652% 0.05831 200.195) |
| Display P3 | color(display-p3 0.68599 0.85652 0.87032) |
| Rec. 2020 | color(rec2020 0.70356 0.83204 0.85476) |
| Adobe RGB | color(a98-rgb 0.70653 0.8589 0.87043) |
| ProPhoto RGB | color(prophoto-rgb 0.70562 0.80842 0.83897) |
| sRGB เชิงเส้น | color(srgb-linear 0.36625 0.71569 0.73791) |
| XYZ D65 | color(xyz-d65 0.54014 0.64299 0.79379) |
| XYZ D50 | color(xyz-d50 0.54094 0.63929 0.60152) |
| SwiftUI | Color(red: 0.639, green: 0.863, blue: 0.875) |
| UIKit | UIColor(red: 0.639, green: 0.863, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFFA3DCDF) |
| Android XML | #A3DCDF |

## ข้อมูล

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

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

#a3dcdf, #ade0e2, #b6e3e5, #bfe7e9, #c9eaec, #d2eeef, #dbf1f2, #e4f5f5, #edf8f9, #f6fcfc

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

#a3dcdf, #8dbfc2, #78a3a5, #63888a, #4f6e6f, #3c5456, #2a3c3d, #192627, #0a1112, #010202

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

#a3dcdf, #a8dbdd, #addadc, #b2d8da, #b6d7d9, #bbd6d7, #bfd5d6, #c3d4d4, #c8d2d3, #ccd1d1

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

- คู่ตรงข้าม: #a3dcdf, #f4c1c0
- คู่ตรงข้ามแยก: #a3dcdf, #efc1d5, #f0c6ae
- ข้างเคียง: #a3dcdf, #aaddca, #a9d8ef
- สามเส้า: #a3dcdf, #e2c4e8, #e4cca5
- สี่เหลี่ยมผืนผ้า: #a3dcdf, #bad1f7, #f4c1c0, #e4cca5
- สี่เหลี่ยมจัตุรัส: #a3dcdf, #cfcaf4, #f4c1c0, #d1d4a8
- โทนสีเดียว: #a3dcdf, #599093, #7db5b8, #c8ffff, #c8ffff

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

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

#a3dcdf เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(163, 220, 223) ใน HSL คือ hsl(183, 48.39%, 75.69%) และใน OKLCH คือ oklch(85.652% 0.05831 200.195)

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

สีตรงข้ามของ #a3dcdf คือ #f4c1c0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aaddca และ #a9d8ef ส่วนสีสามเส้าคือ #e2c4e8 และ #e4cca5

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

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

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

#a3dcdf เป็นสีโทนเย็น ใน OKLCH มีฮิว 200 องศา ความสว่าง 85.7% และความสด 0.058