# #0bc4cc color: Turquoise Surf

#0bc4cc is rgb(11, 196, 204) in RGB and oklch(74.612% 0.12575 200.066) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/0bc4cc

## Formats

| Format | Value |
| --- | --- |
| HEX | #0bc4cc |
| RGB | rgb(11, 196, 204) |
| HSL | hsl(182.49, 89.77%, 42.16%) |
| HSB / HSV | hsv(182.49 94.61% 80%) |
| HWB | hwb(182.49 4.31% 20%) |
| CMYK | cmyk(95% 4% 0% 20%) |
| Lab | lab(71.76 -39.32 -16.2) |
| LCH | lch(71.76 42.53 202.39) |
| OKLab | oklab(74.612% -0.11812 -0.04315) |
| OKLCH | oklch(74.612% 0.12575 200.066) |
| Display P3 | color(display-p3 0.35046 0.75719 0.79168) |
| Rec. 2020 | color(rec2020 0.44537 0.71599 0.76728) |
| Adobe RGB | color(a98-rgb 0.43418 0.76324 0.79374) |
| ProPhoto RGB | color(prophoto-rgb 0.48206 0.68002 0.74424) |
| Linear sRGB | color(srgb-linear 0.00335 0.55201 0.60383) |
| XYZ D65 | color(xyz-d65 0.30775 0.43908 0.63982) |
| XYZ D50 | color(xyz-d50 0.30046 0.43308 0.48483) |
| SwiftUI | Color(red: 0.043, green: 0.769, blue: 0.8) |
| UIKit | UIColor(red: 0.043, green: 0.769, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF0BC4CC) |
| Android XML | #0BC4CC |

## Facts

- Closest name: Turquoise Surf
- Hue family: Cyan, bright light cyan
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.15:1
- Contrast with black: 9.78:1

## Tints

#0bc4cc, #45cad1, #63d0d6, #7bd6db, #90dce0, #a4e2e6, #b7e8eb, #caeef0, #dcf4f5, #eef9fa

## Shades

#0bc4cc, #08aab1, #069197, #04787e, #026165, #014a4e, #013537, #002122, #000e0f, #000202

## Tones

#0bc4cc, #3ac2c9, #51c0c6, #62bec3, #70bcc0, #7cb9bc, #87b7b9, #92b4b6, #9bb2b3, #a4afb0

## Harmonies

- Complementary: #0bc4cc, #f28b8b
- Split: #0bc4cc, #e88ab8, #ec9461
- Analogous: #0bc4cc, #44c6a1, #44bbed
- Triadic: #0bc4cc, #d092de, #d6a344
- Tetradic: #0bc4cc, #7dadfc, #f28b8b, #d6a344
- Square: #0bc4cc, #ac9ef7, #f28b8b, #b2b34d
- Monochromatic: #0bc4cc, #00767d, #009ea6, #54ecf4, #b5ffff

## Questions about #0bc4cc

### What color is #0bc4cc?

#0bc4cc is bright light cyan. The closest named color is Turquoise Surf. In RGB it is rgb(11, 196, 204), in HSL hsl(182.49, 89.77%, 42.16%) and in OKLCH oklch(74.612% 0.12575 200.066).

### What colors go well with #0bc4cc?

The complementary color of #0bc4cc is #f28b8b. For a calmer combination use the analogous colors #44c6a1 and #44bbed. The triadic partners are #d092de and #d6a344.

### Is white or black text more readable on #0bc4cc?

Black text reads better on #0bc4cc: white gives a contrast ratio of 2.15:1 and black gives 9.78:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #0bc4cc a warm or cool color?

#0bc4cc is a cool color. In OKLCH its hue is 200 degrees, its lightness 74.6% and its chroma 0.126.
