# สี #64d4f2: โทนพาสเทล เฉดอ่อนของสีฟ้า

#64d4f2 คือ rgb(100, 212, 242) ใน RGB และ oklch(81.594% 0.1098 218.018) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #64d4f2 |
| RGB | rgb(100, 212, 242) |
| HSL | hsl(192.68, 84.52%, 67.06%) |
| HSB / HSV | hsv(192.68 58.68% 94.9%) |
| HWB | hwb(192.68 39.22% 5.1%) |
| CMYK | cmyk(59% 12% 0% 5%) |
| Lab | lab(79.28 -26.87 -25.03) |
| LCH | lch(79.28 36.73 222.97) |
| OKLab | oklab(81.594% -0.0865 -0.06763) |
| OKLCH | oklch(81.594% 0.1098 218.018) |
| Display P3 | color(display-p3 0.50819 0.82141 0.93493) |
| Rec. 2020 | color(rec2020 0.57291 0.78999 0.92531) |
| Adobe RGB | color(a98-rgb 0.55936 0.82691 0.94279) |
| ProPhoto RGB | color(prophoto-rgb 0.60906 0.76168 0.91252) |
| sRGB เชิงเส้น | color(srgb-linear 0.12744 0.65837 0.88792) |
| XYZ D65 | color(xyz-d65 0.44823 0.56205 0.92494) |
| XYZ D50 | color(xyz-d50 0.43619 0.55416 0.69976) |
| SwiftUI | Color(red: 0.392, green: 0.831, blue: 0.949) |
| UIKit | UIColor(red: 0.392, green: 0.831, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF64D4F2) |
| Android XML | #64D4F2 |

## ข้อมูล

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

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

#64d4f2, #78d9f4, #89ddf5, #9ae2f6, #a9e6f8, #b8eaf9, #c7eefa, #d5f3fc, #e3f7fd, #f1fbfe

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

#64d4f2, #56b8d2, #489db4, #3b8396, #2e6979, #22515e, #163a43, #0b242b, #031014, #000203

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

#64d4f2, #71d3ed, #7dd1e9, #88cfe4, #92cedf, #9bccdb, #a4cad6, #acc8d1, #b4c7cc, #bbc5c7

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

- คู่ตรงข้าม: #64d4f2, #ffaa8f
- คู่ตรงข้ามแยก: #64d4f2, #ffa5b5, #f2b572
- ข้างเคียง: #64d4f2, #60dad0, #88c9ff
- สามเส้า: #64d4f2, #f2a7dc, #d6c46d
- สี่เหลี่ยมผืนผ้า: #64d4f2, #b2bcff, #ffaa8f, #d6c46d
- สี่เหลี่ยมจัตุรัส: #64d4f2, #d7b0fa, #ffaa8f, #aed183
- โทนสีเดียว: #64d4f2, #0088a4, #37adca, #adf7ff, #ceffff

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

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

#64d4f2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(100, 212, 242) ใน HSL คือ hsl(192.68, 84.52%, 67.06%) และใน OKLCH คือ oklch(81.594% 0.1098 218.018)

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

สีตรงข้ามของ #64d4f2 คือ #ffaa8f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #60dad0 และ #88c9ff ส่วนสีสามเส้าคือ #f2a7dc และ #d6c46d

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

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

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

#64d4f2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 81.6% และความสด 0.11