# สี #30ccdc: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

#30ccdc คือ rgb(48, 204, 220) ใน RGB และ oklch(77.542% 0.12354 205.605) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #30ccdc |
| RGB | rgb(48, 204, 220) |
| HSL | hsl(185.58, 71.07%, 52.55%) |
| HSB / HSV | hsv(185.58 78.18% 86.27%) |
| HWB | hwb(185.58 18.82% 13.73%) |
| CMYK | cmyk(78% 7% 0% 14%) |
| Lab | lab(75 -36.33 -19.91) |
| LCH | lch(75 41.42 208.73) |
| OKLab | oklab(77.542% -0.11141 -0.05339) |
| OKLCH | oklch(77.542% 0.12354 205.605) |
| Display P3 | color(display-p3 0.39806 0.78865 0.85207) |
| Rec. 2020 | color(rec2020 0.48807 0.75122 0.83373) |
| Adobe RGB | color(a98-rgb 0.47347 0.79502 0.85638) |
| ProPhoto RGB | color(prophoto-rgb 0.52692 0.71775 0.81434) |
| sRGB เชิงเส้น | color(srgb-linear 0.02956 0.60383 0.71569) |
| XYZ D65 | color(xyz-d65 0.35728 0.48979 0.75283) |
| XYZ D50 | color(xyz-d50 0.34785 0.48284 0.57011) |
| SwiftUI | Color(red: 0.188, green: 0.8, blue: 0.863) |
| UIKit | UIColor(red: 0.188, green: 0.8, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF30CCDC) |
| Android XML | #30CCDC |

## ข้อมูล

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

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

#30ccdc, #54d1e0, #6ed7e3, #83dce7, #97e1ea, #aae6ee, #bcebf1, #cdf0f5, #def5f8, #effafc

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

#30ccdc, #28b1bf, #2197a3, #1a7e88, #13656e, #0c4e54, #06373c, #032226, #010f11, #000202

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

#30ccdc, #4bcad8, #5ec8d4, #6dc6d1, #7bc4cd, #87c2c9, #91c0c5, #9bbdc1, #a5bbbe, #adb8ba

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

- คู่ตรงข้าม: #30ccdc, #fb968d
- คู่ตรงข้ามแยก: #30ccdc, #f494b9, #f2a065
- ข้างเคียง: #30ccdc, #49cfb2, #5cc2fa
- สามเส้า: #30ccdc, #de9ae1, #d9b04f
- สี่เหลี่ยมผืนผ้า: #30ccdc, #90b4ff, #fb968d, #d9b04f
- สี่เหลี่ยมจัตุรัส: #30ccdc, #bca5fc, #fb968d, #b3bf5e
- โทนสีเดียว: #30ccdc, #007f8c, #00a5b5, #65f4ff, #baffff

## คำถามเกี่ยวกับ #30ccdc

### #30ccdc คือสีอะไร

#30ccdc เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(48, 204, 220) ใน HSL คือ hsl(185.58, 71.07%, 52.55%) และใน OKLCH คือ oklch(77.542% 0.12354 205.605)

### สีอะไรเข้ากับ #30ccdc

สีตรงข้ามของ #30ccdc คือ #fb968d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #49cfb2 และ #5cc2fa ส่วนสีสามเส้าคือ #de9ae1 และ #d9b04f

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

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

### #30ccdc เป็นสีโทนร้อนหรือโทนเย็น

#30ccdc เป็นสีโทนเย็น ใน OKLCH มีฮิว 206 องศา ความสว่าง 77.5% และความสด 0.124