# สี #63e2da: โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด

#63e2da คือ rgb(99, 226, 218) ใน RGB และ oklch(83.948% 0.113 189.568) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #63e2da |
| RGB | rgb(99, 226, 218) |
| HSL | hsl(176.22, 68.65%, 63.73%) |
| HSB / HSV | hsv(176.22 56.19% 88.63%) |
| HWB | hwb(176.22 38.82% 11.37%) |
| CMYK | cmyk(56% 0% 4% 11%) |
| Lab | lab(82.67 -38.16 -7.32) |
| LCH | lch(82.67 38.86 190.86) |
| OKLab | oklab(83.948% -0.11143 -0.01878) |
| OKLCH | oklch(83.948% 0.113 189.568) |
| Display P3 | color(display-p3 0.52472 0.8753 0.8519) |
| Rec. 2020 | color(rec2020 0.59405 0.84651 0.83511) |
| Adobe RGB | color(a98-rgb 0.58355 0.88296 0.85224) |
| ProPhoto RGB | color(prophoto-rgb 0.61405 0.81784 0.81918) |
| sRGB เชิงเส้น | color(srgb-linear 0.12477 0.76052 0.7011) |
| XYZ D65 | color(xyz-d65 0.44994 0.62105 0.75948) |
| XYZ D50 | color(xyz-d50 0.44764 0.61547 0.57623) |
| SwiftUI | Color(red: 0.388, green: 0.886, blue: 0.855) |
| UIKit | UIColor(red: 0.388, green: 0.886, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF63E2DA) |
| Android XML | #63E2DA |

## ข้อมูล

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

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

#63e2da, #78e5de, #8ae8e1, #9bebe5, #abeee9, #baf1ec, #c8f4f0, #d6f7f4, #e4faf8, #f2fcfb

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

#63e2da, #55c4bd, #47a8a2, #3a8c87, #2e716c, #215754, #163e3c, #0b2725, #031211, #000302

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

#63e2da, #72e0d8, #80ded7, #8bdbd5, #96d9d4, #a0d7d2, #aad4d1, #b2d2cf, #bbcfcd, #c3cdcc

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

- คู่ตรงข้าม: #63e2da, #ffabba
- คู่ตรงข้ามแยก: #63e2da, #fcade2, #ffb192
- ข้างเคียง: #63e2da, #85e1b0, #69dcfd
- สามเส้า: #63e2da, #e1b6ff, #fabd76
- สี่เหลี่ยมผืนผ้า: #63e2da, #94d0ff, #ffabba, #fabd76
- สี่เหลี่ยมจัตุรัส: #63e2da, #bcc3ff, #ffabba, #dccc72
- โทนสีเดียว: #63e2da, #00958e, #32bbb3, #a5ffff, #b8ffff

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

### #63e2da คือสีอะไร

#63e2da เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(99, 226, 218) ใน HSL คือ hsl(176.22, 68.65%, 63.73%) และใน OKLCH คือ oklch(83.948% 0.113 189.568)

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

สีตรงข้ามของ #63e2da คือ #ffabba หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #85e1b0 และ #69dcfd ส่วนสีสามเส้าคือ #e1b6ff และ #fabd76

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

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

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

#63e2da เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 83.9% และความสด 0.113