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

#78e4f2 คือ rgb(120, 228, 242) ใน RGB และ oklch(85.963% 0.10134 206.525) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #78e4f2 |
| RGB | rgb(120, 228, 242) |
| HSL | hsl(186.89, 82.43%, 70.98%) |
| HSB / HSV | hsv(186.89 50.41% 94.9%) |
| HWB | hwb(186.89 47.06% 5.1%) |
| CMYK | cmyk(50% 6% 0% 5%) |
| Lab | lab(84.58 -29.76 -17) |
| LCH | lch(84.58 34.28 209.74) |
| OKLab | oklab(85.963% -0.09067 -0.04526) |
| OKLCH | oklch(85.963% 0.10134 206.525) |
| Display P3 | color(display-p3 0.57687 0.88409 0.9395) |
| Rec. 2020 | color(rec2020 0.63811 0.85863 0.9314) |
| Adobe RGB | color(a98-rgb 0.62469 0.89099 0.94514) |
| ProPhoto RGB | color(prophoto-rgb 0.66542 0.83392 0.92136) |
| sRGB เชิงเส้น | color(srgb-linear 0.18782 0.77582 0.88792) |
| XYZ D65 | color(xyz-d65 0.51513 0.65888 0.9401) |
| XYZ D50 | color(xyz-d50 0.50775 0.65179 0.712) |
| SwiftUI | Color(red: 0.471, green: 0.894, blue: 0.949) |
| UIKit | UIColor(red: 0.471, green: 0.894, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF78E4F2) |
| Android XML | #78E4F2 |

## ข้อมูล

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

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

#78e4f2, #89e7f3, #98eaf5, #a6edf6, #b4eff7, #c1f2f9, #cef5fa, #dbf7fb, #e7fafd, #f3fdfe

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

#78e4f2, #67c6d2, #57a9b4, #488d96, #397279, #2a585e, #1d3f43, #10282b, #051214, #010303

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

#78e4f2, #84e2ef, #8fe1eb, #99dfe8, #a2dde5, #abdbe1, #b3d9de, #bbd7db, #c2d5d7, #cad3d4

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

- คู่ตรงข้าม: #78e4f2, #ffb8ae
- คู่ตรงข้ามแยก: #78e4f2, #ffb5d2, #ffc08f
- ข้างเคียง: #78e4f2, #82e7cf, #8edbff
- สามเส้า: #78e4f2, #f4baf4, #eecd81
- สี่เหลี่ยมผืนผ้า: #78e4f2, #b6d0ff, #ffb8ae, #eecd81
- สี่เหลี่ยมจัตุรัส: #78e4f2, #d7c3ff, #ffb8ae, #ccda8c
- โทนสีเดียว: #78e4f2, #1997a4, #4ebdcb, #bcffff, #bcffff

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

### #78e4f2 คือสีอะไร

#78e4f2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(120, 228, 242) ใน HSL คือ hsl(186.89, 82.43%, 70.98%) และใน OKLCH คือ oklch(85.963% 0.10134 206.525)

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

สีตรงข้ามของ #78e4f2 คือ #ffb8ae หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #82e7cf และ #8edbff ส่วนสีสามเส้าคือ #f4baf4 และ #eecd81

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

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

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

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