# สี #3ccaf2: โทนสด เฉดอ่อนของสีฟ้า

#3ccaf2 คือ rgb(60, 202, 242) ใน RGB และ oklch(78.172% 0.12888 221.334) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #3ccaf2 |
| RGB | rgb(60, 202, 242) |
| HSL | hsl(193.19, 87.5%, 59.22%) |
| HSB / HSV | hsv(193.19 75.21% 94.9%) |
| HWB | hwb(193.19 23.53% 5.1%) |
| CMYK | cmyk(75% 17% 0% 5%) |
| Lab | lab(75.28 -28.75 -31.23) |
| LCH | lch(75.28 42.45 227.37) |
| OKLab | oklab(78.172% -0.09677 -0.08512) |
| OKLCH | oklch(78.172% 0.12888 221.334) |
| Display P3 | color(display-p3 0.41281 0.78124 0.93189) |
| Rec. 2020 | color(rec2020 0.50163 0.74502 0.92136) |
| Adobe RGB | color(a98-rgb 0.48165 0.78707 0.94142) |
| ProPhoto RGB | color(prophoto-rgb 0.55251 0.71401 0.90691) |
| sRGB เชิงเส้น | color(srgb-linear 0.04519 0.59062 0.88792) |
| XYZ D65 | color(xyz-d65 0.39008 0.4961 0.91527) |
| XYZ D50 | color(xyz-d50 0.37422 0.48729 0.69203) |
| SwiftUI | Color(red: 0.235, green: 0.792, blue: 0.949) |
| UIKit | UIColor(red: 0.235, green: 0.792, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF3CCAF2) |
| Android XML | #3CCAF2 |

## ข้อมูล

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

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

#3ccaf2, #5ad0f4, #72d5f5, #87dbf7, #9ae0f8, #ace6f9, #bdebfb, #cef0fc, #dff5fd, #effafe

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

#3ccaf2, #33afd2, #2a95b4, #217c96, #196479, #114d5e, #0a3743, #04222b, #010f14, #000203

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

#3ccaf2, #52c9ec, #63c7e7, #72c5e1, #7ec4db, #8ac2d5, #94c0d0, #9ebeca, #a7bcc4, #afbabe

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

- คู่ตรงข้าม: #3ccaf2, #fd9b75
- คู่ตรงข้ามแยก: #3ccaf2, #fe94a3, #eba952
- ข้างเคียง: #3ccaf2, #25d2cc, #77bdff
- สามเส้า: #3ccaf2, #f096d0, #c9ba4f
- สี่เหลี่ยมผืนผ้า: #3ccaf2, #aaadff, #fd9b75, #c9ba4f
- สี่เหลี่ยมจัตุรัส: #3ccaf2, #d39ff4, #fd9b75, #9ac96f
- โทนสีเดียว: #3ccaf2, #007da0, #00a3ca, #90eeff, #d1feff

## คำถามเกี่ยวกับ #3ccaf2

### #3ccaf2 คือสีอะไร

#3ccaf2 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(60, 202, 242) ใน HSL คือ hsl(193.19, 87.5%, 59.22%) และใน OKLCH คือ oklch(78.172% 0.12888 221.334)

### สีอะไรเข้ากับ #3ccaf2

สีตรงข้ามของ #3ccaf2 คือ #fd9b75 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #25d2cc และ #77bdff ส่วนสีสามเส้าคือ #f096d0 และ #c9ba4f

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

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

### #3ccaf2 เป็นสีโทนร้อนหรือโทนเย็น

#3ccaf2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 221 องศา ความสว่าง 78.2% และความสด 0.129