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

#64dbd5 คือ rgb(100, 219, 213) ใน RGB และ oklch(82.184% 0.10745 190.787) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #64dbd5 |
| RGB | rgb(100, 219, 213) |
| HSL | hsl(176.97, 62.3%, 62.55%) |
| HSB / HSV | hsv(176.97 54.34% 85.88%) |
| HWB | hwb(176.97 39.22% 14.12%) |
| CMYK | cmyk(54% 0% 3% 14%) |
| Lab | lab(80.54 -36.05 -7.8) |
| LCH | lch(80.54 36.88 192.2) |
| OKLab | oklab(82.184% -0.10555 -0.02011) |
| OKLCH | oklch(82.184% 0.10745 190.787) |
| Display P3 | color(display-p3 0.51748 0.84837 0.8319) |
| Rec. 2020 | color(rec2020 0.57904 0.81732 0.81274) |
| Adobe RGB | color(a98-rgb 0.57218 0.8549 0.83191) |
| ProPhoto RGB | color(prophoto-rgb 0.59676 0.78717 0.79478) |
| sRGB เชิงเส้น | color(srgb-linear 0.12744 0.70838 0.66539) |
| XYZ D65 | color(xyz-d65 0.42595 0.58174 0.71937) |
| XYZ D50 | color(xyz-d50 0.42361 0.57652 0.5457) |
| SwiftUI | Color(red: 0.392, green: 0.859, blue: 0.835) |
| UIKit | UIColor(red: 0.392, green: 0.859, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF64DBD5) |
| Android XML | #64DBD5 |

## ข้อมูล

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

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

#64dbd5, #78dfd9, #8ae3dd, #9be6e2, #aaeae6, #b9eeea, #c8f1ee, #d6f5f2, #e4f8f7, #f1fcfb

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

#64dbd5, #56beb9, #48a29e, #3b8783, #2e6d6a, #225451, #163c3a, #0b2624, #031110, #000202

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

#64dbd5, #72d9d3, #7ed7d2, #89d5d0, #93d3ce, #9dd0cd, #a6cecb, #aeccc9, #b6c9c8, #bdc7c6

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

- คู่ตรงข้าม: #64dbd5, #ffa7b4
- คู่ตรงข้ามแยก: #64dbd5, #f5a9da, #ffad8f
- ข้างเคียง: #64dbd5, #82dbae, #6bd5f6
- สามเส้า: #64dbd5, #dbb1f8, #f1b975
- สี่เหลี่ยมผืนผ้า: #64dbd5, #8fcaff, #ffa7b4, #f1b975
- สี่เหลี่ยมจัตุรัส: #64dbd5, #b8bdff, #ffa7b4, #d4c772
- โทนสีเดียว: #64dbd5, #008e8a, #36b4af, #8efffd, #b7ffff

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

### #64dbd5 คือสีอะไร

#64dbd5 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(100, 219, 213) ใน HSL คือ hsl(176.97, 62.3%, 62.55%) และใน OKLCH คือ oklch(82.184% 0.10745 190.787)

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

สีตรงข้ามของ #64dbd5 คือ #ffa7b4 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #82dbae และ #6bd5f6 ส่วนสีสามเส้าคือ #dbb1f8 และ #f1b975

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

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

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

#64dbd5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 191 องศา ความสว่าง 82.2% และความสด 0.107