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

#3cbae2 คือ rgb(60, 186, 226) ใน RGB และ oklch(73.755% 0.12111 223.652) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #3cbae2 |
| RGB | rgb(60, 186, 226) |
| HSL | hsl(194.46, 74.11%, 56.08%) |
| HSB / HSV | hsv(194.46 73.45% 88.63%) |
| HWB | hwb(194.46 23.53% 11.37%) |
| CMYK | cmyk(73% 18% 0% 11%) |
| Lab | lab(70.05 -25.58 -30.63) |
| LCH | lch(70.05 39.91 230.13) |
| OKLab | oklab(73.755% -0.08763 -0.0836) |
| OKLCH | oklch(73.755% 0.12111 223.652) |
| Display P3 | color(display-p3 0.38759 0.71947 0.86971) |
| Rec. 2020 | color(rec2020 0.46024 0.67828 0.85194) |
| Adobe RGB | color(a98-rgb 0.44938 0.72367 0.87708) |
| ProPhoto RGB | color(prophoto-rgb 0.50555 0.64547 0.83109) |
| sRGB เชิงเส้น | color(srgb-linear 0.04519 0.49102 0.76052) |
| XYZ D65 | color(xyz-d65 0.33148 0.41568 0.7823) |
| XYZ D50 | color(xyz-d50 0.31764 0.40816 0.59139) |
| SwiftUI | Color(red: 0.235, green: 0.729, blue: 0.886) |
| UIKit | UIColor(red: 0.235, green: 0.729, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF3CBAE2) |
| Android XML | #3CBAE2 |

## ข้อมูล

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

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

#3cbae2, #58c1e5, #6fc8e8, #84cfeb, #97d6ef, #a9ddf1, #bbe4f4, #ccebf7, #ddf2fa, #eef8fc

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

#3cbae2, #33a1c4, #2a89a8, #21728c, #195c71, #114657, #0a323e, #041e27, #010d12, #000203

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

#3cbae2, #4fb9dd, #5eb7d7, #6bb6d2, #76b4cc, #80b3c6, #89b1c1, #92b0bb, #9aaeb5, #a2acb0

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

- คู่ตรงข้าม: #3cbae2, #e99069
- คู่ตรงข้ามแยก: #3cbae2, #ec8993, #d89e4a
- ข้างเคียง: #3cbae2, #21c2c0, #72adf5
- สามเส้า: #3cbae2, #df8abd, #b7ad4a
- สี่เหลี่ยมผืนผ้า: #3cbae2, #a09ff4, #e99069, #b7ad4a
- สี่เหลี่ยมจัตุรัส: #3cbae2, #c593e0, #e99069, #8bbb6a
- โทนสีเดียว: #3cbae2, #006f92, #0094bb, #6ae1ff, #d3fdff

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

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

#3cbae2 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(60, 186, 226) ใน HSL คือ hsl(194.46, 74.11%, 56.08%) และใน OKLCH คือ oklch(73.755% 0.12111 223.652)

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

สีตรงข้ามของ #3cbae2 คือ #e99069 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #21c2c0 และ #72adf5 ส่วนสีสามเส้าคือ #df8abd และ #b7ad4a

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

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

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

#3cbae2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 224 องศา ความสว่าง 73.8% และความสด 0.121