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

#a4e5e2 คือ rgb(164, 229, 226) ใน RGB และ oklch(87.758% 0.06547 192.421) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a4e5e2 |
| RGB | rgb(164, 229, 226) |
| HSL | hsl(177.23, 55.56%, 77.06%) |
| HSB / HSV | hsv(177.23 28.38% 89.8%) |
| HWB | hwb(177.23 64.31% 10.2%) |
| CMYK | cmyk(28% 0% 1% 10%) |
| Lab | lab(86.52 -21.69 -5.48) |
| LCH | lch(86.52 22.37 194.19) |
| OKLab | oklab(87.758% -0.06394 -0.01408) |
| OKLCH | oklch(87.758% 0.06547 192.421) |
| Display P3 | color(display-p3 0.6975 0.89107 0.8837) |
| Rec. 2020 | color(rec2020 0.7225 0.86928 0.87008) |
| Adobe RGB | color(a98-rgb 0.72211 0.89501 0.88346) |
| ProPhoto RGB | color(prophoto-rgb 0.72611 0.84744 0.85649) |
| sRGB เชิงเส้น | color(srgb-linear 0.37124 0.78354 0.76052) |
| XYZ D65 | color(xyz-d65 0.57054 0.69421 0.82347) |
| XYZ D50 | color(xyz-d50 0.57248 0.69041 0.62433) |
| SwiftUI | Color(red: 0.643, green: 0.898, blue: 0.886) |
| UIKit | UIColor(red: 0.643, green: 0.898, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFA4E5E2) |
| Android XML | #A4E5E2 |

## ข้อมูล

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

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

#a4e5e2, #aee8e5, #b7eae8, #c1edeb, #caf0ee, #d3f2f0, #dcf5f3, #e5f7f6, #eefaf9, #f6fcfc

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

#a4e5e2, #8ec7c4, #79aaa8, #648e8c, #507271, #3d5857, #2b3f3e, #1a2827, #0a1212, #010303

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

#a4e5e2, #aae4e1, #afe2e0, #b5e1df, #badfdd, #bfdedc, #c4dddb, #c9dbda, #cddad9, #d2d8d8

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

- คู่ตรงข้าม: #a4e5e2, #ffc6cb
- คู่ตรงข้ามแยก: #a4e5e2, #f6c6e3, #fdc9b5
- ข้างเคียง: #a4e5e2, #b0e5ca, #a7e1f6
- สามเส้า: #a4e5e2, #e6cbf6, #f2d1a8
- สี่เหลี่ยมผืนผ้า: #a4e5e2, #b8daff, #ffc6cb, #f2d1a8
- สี่เหลี่ยมจัตุรัส: #a4e5e2, #cfd2ff, #ffc6cb, #dfd9a7
- โทนสีเดียว: #a4e5e2, #599896, #7ebebb, #c2ffff, #c2ffff

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

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

#a4e5e2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(164, 229, 226) ใน HSL คือ hsl(177.23, 55.56%, 77.06%) และใน OKLCH คือ oklch(87.758% 0.06547 192.421)

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

สีตรงข้ามของ #a4e5e2 คือ #ffc6cb หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b0e5ca และ #a7e1f6 ส่วนสีสามเส้าคือ #e6cbf6 และ #f2d1a8

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

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

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

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