# สี #3cc5af: โทนสด เฉดอ่อนของสีเขียวหัวเป็ด

#3cc5af คือ rgb(60, 197, 175) ใน RGB และ oklch(74.547% 0.1199 179.77) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #3cc5af |
| RGB | rgb(60, 197, 175) |
| HSL | hsl(170.36, 54.15%, 50.39%) |
| HSB / HSV | hsv(170.36 69.54% 77.25%) |
| HWB | hwb(170.36 23.53% 22.75%) |
| CMYK | cmyk(70% 0% 11% 23%) |
| Lab | lab(71.98 -41.91 -0.13) |
| LCH | lch(71.98 41.91 180.18) |
| OKLab | oklab(74.547% -0.1199 0.00048) |
| OKLCH | oklch(74.547% 0.1199 179.77) |
| Display P3 | color(display-p3 0.40485 0.76193 0.68831) |
| Rec. 2020 | color(rec2020 0.46896 0.72076 0.65563) |
| Adobe RGB | color(a98-rgb 0.47148 0.76721 0.68419) |
| ProPhoto RGB | color(prophoto-rgb 0.48168 0.68357 0.63173) |
| sRGB เชิงเส้น | color(srgb-linear 0.04519 0.55834 0.42869) |
| XYZ D65 | color(xyz-d65 0.29566 0.43986 0.47491) |
| XYZ D50 | color(xyz-d50 0.29609 0.43631 0.36096) |
| SwiftUI | Color(red: 0.235, green: 0.773, blue: 0.686) |
| UIKit | UIColor(red: 0.235, green: 0.773, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF3CC5AF) |
| Android XML | #3CC5AF |

## ข้อมูล

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

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

#3cc5af, #59cbb7, #71d1bf, #85d7c6, #98ddce, #aae3d6, #bce8de, #cdeee6, #def4ef, #eff9f7

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

#3cc5af, #33ab98, #2a9281, #21796b, #196156, #114b41, #0a352e, #04211c, #010e0b, #000201

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

#3cc5af, #50c3af, #60c1ae, #6dbeae, #78bcae, #82b9ae, #8cb7ad, #95b4ad, #9db2ad, #a5afad

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

- คู่ตรงข้าม: #3cc5af, #ea8baa
- คู่ตรงข้ามแยก: #3cc5af, #d790d1, #ef8e7f
- ข้างเคียง: #3cc5af, #72c283, #2dc1d6
- สามเส้า: #3cc5af, #b89bed, #e4995a
- สี่เหลี่ยมผืนผ้า: #3cc5af, #5db6f0, #ea8baa, #e4995a
- สี่เหลี่ยมจัตุรัส: #3cc5af, #8fa8f9, #ea8baa, #caa949
- โทนสีเดียว: #3cc5af, #007967, #009f8a, #6bedd5, #bdfff7

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

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

#3cc5af เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(60, 197, 175) ใน HSL คือ hsl(170.36, 54.15%, 50.39%) และใน OKLCH คือ oklch(74.547% 0.1199 179.77)

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

สีตรงข้ามของ #3cc5af คือ #ea8baa หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #72c283 และ #2dc1d6 ส่วนสีสามเส้าคือ #b89bed และ #e4995a

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

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

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

#3cc5af เป็นสีโทนเย็น ใน OKLCH มีฮิว 180 องศา ความสว่าง 74.5% และความสด 0.12