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

#7ae4df คือ rgb(122, 228, 223) ใน RGB และ oklch(85.412% 0.09895 191.448) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ae4df |
| RGB | rgb(122, 228, 223) |
| HSL | hsl(177.17, 66.25%, 68.63%) |
| HSB / HSV | hsv(177.17 46.49% 89.41%) |
| HWB | hwb(177.17 47.84% 10.59%) |
| CMYK | cmyk(46% 0% 2% 11%) |
| Lab | lab(84.18 -33.04 -7.61) |
| LCH | lch(84.18 33.91 192.98) |
| OKLab | oklab(85.412% -0.09699 -0.01964) |
| OKLCH | oklch(85.412% 0.09895 191.448) |
| Display P3 | color(display-p3 0.58188 0.88421 0.87107) |
| Rec. 2020 | color(rec2020 0.63631 0.85791 0.85622) |
| Adobe RGB | color(a98-rgb 0.62857 0.89099 0.87176) |
| ProPhoto RGB | color(prophoto-rgb 0.65185 0.83163 0.84164) |
| sRGB เชิงเส้น | color(srgb-linear 0.19462 0.77582 0.73791) |
| XYZ D65 | color(xyz-d65 0.49086 0.6495 0.79764) |
| XYZ D50 | color(xyz-d50 0.48925 0.64421 0.60497) |
| SwiftUI | Color(red: 0.478, green: 0.894, blue: 0.875) |
| UIKit | UIColor(red: 0.478, green: 0.894, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF7AE4DF) |
| Android XML | #7AE4DF |

## ข้อมูล

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

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

#7ae4df, #8ae7e2, #99eae5, #a7ede9, #b5efec, #c2f2ef, #cff5f2, #dbf7f5, #e7faf9, #f3fdfc

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

#7ae4df, #69c6c2, #59a9a5, #498d8a, #3a726f, #2b5856, #1d3f3d, #102827, #051212, #010302

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

#7ae4df, #85e2dd, #90e0dc, #99deda, #a2dcd9, #aadad7, #b2d8d5, #bad6d4, #c1d3d2, #c8d1d0

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

- คู่ตรงข้าม: #7ae4df, #ffb4be
- คู่ตรงข้ามแยก: #7ae4df, #fcb6e2, #ffba9d
- ข้างเคียง: #7ae4df, #92e4bb, #80defd
- สามเส้า: #7ae4df, #e4bdff, #f8c586
- สี่เหลี่ยมผืนผ้า: #7ae4df, #a0d4ff, #ffb4be, #f8c586
- สี่เหลี่ยมจัตุรัส: #7ae4df, #c4c8ff, #ffb4be, #dcd284
- โทนสีเดียว: #7ae4df, #1f9793, #51bdb8, #b6ffff, #b6ffff

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

### #7ae4df คือสีอะไร

#7ae4df เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(122, 228, 223) ใน HSL คือ hsl(177.17, 66.25%, 68.63%) และใน OKLCH คือ oklch(85.412% 0.09895 191.448)

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

สีตรงข้ามของ #7ae4df คือ #ffb4be หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #92e4bb และ #80defd ส่วนสีสามเส้าคือ #e4bdff และ #f8c586

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

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

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

#7ae4df เป็นสีโทนเย็น ใน OKLCH มีฮิว 191 องศา ความสว่าง 85.4% และความสด 0.099