# สี #64b5ba: โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว

#64b5ba คือ rgb(100, 181, 186) ใน RGB และ oklch(72.36% 0.0797 200.752) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #64b5ba |
| RGB | rgb(100, 181, 186) |
| HSL | hsl(183.49, 38.39%, 56.08%) |
| HSB / HSV | hsv(183.49 46.24% 72.94%) |
| HWB | hwb(183.49 39.22% 27.06%) |
| CMYK | cmyk(46% 3% 0% 27%) |
| Lab | lab(68.71 -24.89 -10.71) |
| LCH | lch(68.71 27.1 203.28) |
| OKLab | oklab(72.36% -0.07453 -0.02824) |
| OKLCH | oklch(72.36% 0.0797 200.752) |
| Display P3 | color(display-p3 0.46945 0.70209 0.72386) |
| Rec. 2020 | color(rec2020 0.49337 0.65989 0.69265) |
| Adobe RGB | color(a98-rgb 0.5052 0.70395 0.72287) |
| ProPhoto RGB | color(prophoto-rgb 0.50179 0.62569 0.66628) |
| sRGB เชิงเส้น | color(srgb-linear 0.12744 0.46208 0.49102) |
| XYZ D65 | color(xyz-d65 0.30641 0.39301 0.52427) |
| XYZ D50 | color(xyz-d50 0.3038 0.38938 0.39727) |
| SwiftUI | Color(red: 0.392, green: 0.71, blue: 0.729) |
| UIKit | UIColor(red: 0.392, green: 0.71, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF64B5BA) |
| Android XML | #64B5BA |

## ข้อมูล

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

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

#64b5ba, #75bcc1, #86c4c8, #95cbce, #a5d3d5, #b4dadc, #c3e1e3, #d2e9ea, #e1f0f1, #f0f8f8

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

#64b5ba, #569da1, #488689, #3b6f72, #2e595c, #224446, #163032, #0b1d1e, #030c0d, #000202

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

#64b5ba, #6db4b8, #74b2b6, #7cb1b4, #83afb2, #89aeb0, #8facae, #95abac, #9ba9aa, #a0a7a8

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

- คู่ตรงข้าม: #64b5ba, #d39290
- คู่ตรงข้ามแยก: #64b5ba, #cd91ac, #cf9878
- ข้างเคียง: #64b5ba, #70b69f, #70afcf
- สามเส้า: #64b5ba, #bd96c5, #c0a16b
- สี่เหลี่ยมผืนผ้า: #64b5ba, #89a7d8, #d39290, #c0a16b
- สี่เหลี่ยมจัตุรัส: #64b5ba, #a59dd5, #d39290, #a8ab70
- โทนสีเดียว: #64b5ba, #0b6c71, #3d9095, #8bdce1, #b2ffff

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

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

#64b5ba เป็นโทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(100, 181, 186) ใน HSL คือ hsl(183.49, 38.39%, 56.08%) และใน OKLCH คือ oklch(72.36% 0.0797 200.752)

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

สีตรงข้ามของ #64b5ba คือ #d39290 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #70b69f และ #70afcf ส่วนสีสามเส้าคือ #bd96c5 และ #c0a16b

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

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

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

#64b5ba เป็นสีโทนเย็น ใน OKLCH มีฮิว 201 องศา ความสว่าง 72.4% และความสด 0.08