# #3ccbd0 color: Mermaid Net

#3ccbd0 is rgb(60, 203, 208) in RGB and oklch(77.093% 0.11734 198.487) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3ccbd0

## Formats

| Format | Value |
| --- | --- |
| HEX | #3ccbd0 |
| RGB | rgb(60, 203, 208) |
| HSL | hsl(182.03, 61.16%, 52.55%) |
| HSB / HSV | hsv(182.03 71.15% 81.57%) |
| HWB | hwb(182.03 23.53% 18.43%) |
| CMYK | cmyk(71% 2% 0% 18%) |
| Lab | lab(74.6 -37.29 -14.05) |
| LCH | lch(74.6 39.85 200.65) |
| OKLab | oklab(77.093% -0.11128 -0.03721) |
| OKLCH | oklch(77.093% 0.11734 198.487) |
| Display P3 | color(display-p3 0.41441 0.7851 0.80849) |
| Rec. 2020 | color(rec2020 0.49225 0.74716 0.78607) |
| Adobe RGB | color(a98-rgb 0.48369 0.79104 0.81015) |
| ProPhoto RGB | color(prophoto-rgb 0.52147 0.71292 0.76465) |
| Linear sRGB | color(srgb-linear 0.04519 0.5972 0.63076) |
| XYZ D65 | color(xyz-d65 0.34602 0.48224 0.67161) |
| XYZ D50 | color(xyz-d50 0.33997 0.47642 0.50903) |
| SwiftUI | Color(red: 0.235, green: 0.796, blue: 0.816) |
| UIKit | UIColor(red: 0.235, green: 0.796, blue: 0.816, alpha: 1) |
| Flutter / Compose | Color(0xFF3CCBD0) |
| Android XML | #3CCBD0 |

## Facts

- Closest name: Mermaid Net
- Hue family: Cyan, bright light cyan
- Closest Tailwind class: cyan-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.97:1
- Contrast with black: 10.65:1

## Tints

#3ccbd0, #5ad0d5, #72d6d9, #87dbde, #9ae1e3, #ace6e8, #bdebec, #cef0f1, #dff5f6, #effafa

## Shades

#3ccbd0, #33b0b5, #2a969a, #217d80, #196567, #114d4f, #0a3739, #042223, #010f10, #000202

## Tones

#3ccbd0, #52c9cd, #63c7cb, #71c5c8, #7dc3c5, #88c0c2, #92bebf, #9bbcbd, #a4b9ba, #acb7b7

## Harmonies

- Complementary: #3ccbd0, #f69597
- Split: #3ccbd0, #ec95c1, #f19d70
- Analogous: #3ccbd0, #5ccca7, #56c3f0
- Triadic: #3ccbd0, #d49ce5, #ddab57
- Tetradic: #3ccbd0, #86b6ff, #f69597, #ddab57
- Square: #3ccbd0, #b1a8fb, #f69597, #bbba5c
- Monochromatic: #3ccbd0, #007e83, #00a4aa, #6cf3f8, #b4ffff

## Questions about #3ccbd0

### What color is #3ccbd0?

#3ccbd0 is bright light cyan. The closest named color is Mermaid Net. In RGB it is rgb(60, 203, 208), in HSL hsl(182.03, 61.16%, 52.55%) and in OKLCH oklch(77.093% 0.11734 198.487).

### What colors go well with #3ccbd0?

The complementary color of #3ccbd0 is #f69597. For a calmer combination use the analogous colors #5ccca7 and #56c3f0. The triadic partners are #d49ce5 and #ddab57.

### Is white or black text more readable on #3ccbd0?

Black text reads better on #3ccbd0: white gives a contrast ratio of 1.97:1 and black gives 10.65:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3ccbd0 a warm or cool color?

#3ccbd0 is a cool color. In OKLCH its hue is 198 degrees, its lightness 77.1% and its chroma 0.117.