# สี #6bccdb: โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว

#6bccdb คือ rgb(107, 204, 219) ใน RGB และ oklch(79.17% 0.09368 208.596) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #6bccdb |
| RGB | rgb(107, 204, 219) |
| HSL | hsl(188.04, 60.87%, 63.92%) |
| HSB / HSV | hsv(188.04 51.14% 85.88%) |
| HWB | hwb(188.04 41.96% 14.12%) |
| CMYK | cmyk(51% 7% 0% 14%) |
| Lab | lab(76.59 -26.81 -16.8) |
| LCH | lch(76.59 31.64 212.07) |
| OKLab | oklab(79.17% -0.08225 -0.04484) |
| OKLCH | oklch(79.17% 0.09368 208.596) |
| Display P3 | color(display-p3 0.51494 0.79099 0.84953) |
| Rec. 2020 | color(rec2020 0.56064 0.75663 0.83093) |
| Adobe RGB | color(a98-rgb 0.55796 0.79502 0.85253) |
| ProPhoto RGB | color(prophoto-rgb 0.5814 0.72593 0.81148) |
| sRGB เชิงเส้น | color(srgb-linear 0.14703 0.60383 0.70838) |
| XYZ D65 | color(xyz-d65 0.4044 0.51424 0.74815) |
| XYZ D50 | color(xyz-d50 0.39803 0.50853 0.56652) |
| SwiftUI | Color(red: 0.42, green: 0.8, blue: 0.859) |
| UIKit | UIColor(red: 0.42, green: 0.8, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF6BCCDB) |
| Android XML | #6BCCDB |

## ข้อมูล

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

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

#6bccdb, #7cd1df, #8dd6e2, #9cdce6, #abe1ea, #bae6ed, #c8ebf1, #d6f0f4, #e4f5f8, #f1fafb

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

#6bccdb, #5cb1be, #4e97a2, #3f7e87, #32656d, #254e54, #18373c, #0d2226, #040f11, #000202

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

#6bccdb, #76cad8, #7fc9d5, #88c7d1, #91c6ce, #99c4cb, #a0c2c8, #a7c0c5, #aebfc1, #b5bdbe

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

- คู่ตรงข้าม: #6bccdb, #f1a499
- คู่ตรงข้ามแยก: #6bccdb, #eda2ba, #e9ad7e
- ข้างเคียง: #6bccdb, #72cfbc, #80c4f1
- สามเส้า: #6bccdb, #dda6d9, #d4b873
- สี่เหลี่ยมผืนผ้า: #6bccdb, #a2b9f8, #f1a499, #d4b873
- สี่เหลี่ยมจัตุรัส: #6bccdb, #c3aef0, #f1a499, #b5c47e
- โทนสีเดียว: #6bccdb, #07818f, #42a6b4, #93f4ff, #bfffff

## คำถามเกี่ยวกับ #6bccdb

### #6bccdb คือสีอะไร

#6bccdb เป็นโทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(107, 204, 219) ใน HSL คือ hsl(188.04, 60.87%, 63.92%) และใน OKLCH คือ oklch(79.17% 0.09368 208.596)

### สีอะไรเข้ากับ #6bccdb

สีตรงข้ามของ #6bccdb คือ #f1a499 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #72cfbc และ #80c4f1 ส่วนสีสามเส้าคือ #dda6d9 และ #d4b873

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

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

### #6bccdb เป็นสีโทนร้อนหรือโทนเย็น

#6bccdb เป็นสีโทนเย็น ใน OKLCH มีฮิว 209 องศา ความสว่าง 79.2% และความสด 0.094