# #36afdc color: Highlighter Blue

#36afdc is rgb(54, 175, 220) in RGB and oklch(70.767% 0.12187 227.75) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/36afdc

## Formats

| Format | Value |
| --- | --- |
| HEX | #36afdc |
| RGB | rgb(54, 175, 220) |
| HSL | hsl(196.27, 70.34%, 53.73%) |
| HSB / HSV | hsv(196.27 75.45% 86.27%) |
| HWB | hwb(196.27 21.18% 13.73%) |
| CMYK | cmyk(75% 20% 0% 14%) |
| Lab | lab(66.44 -22.82 -32.91) |
| LCH | lch(66.44 40.05 235.26) |
| OKLab | oklab(70.767% -0.08194 -0.09021) |
| OKLCH | oklch(70.767% 0.12187 227.75) |
| Display P3 | color(display-p3 0.35985 0.67682 0.84521) |
| Rec. 2020 | color(rec2020 0.42785 0.63254 0.82443) |
| Adobe RGB | color(a98-rgb 0.42013 0.68035 0.85243) |
| ProPhoto RGB | color(prophoto-rgb 0.47481 0.59959 0.80084) |
| Linear sRGB | color(srgb-linear 0.03689 0.42869 0.71569) |
| XYZ D65 | color(xyz-d65 0.29767 0.3661 0.7321) |
| XYZ D50 | color(xyz-d50 0.2836 0.35892 0.55321) |
| SwiftUI | Color(red: 0.212, green: 0.686, blue: 0.863) |
| UIKit | UIColor(red: 0.212, green: 0.686, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF36AFDC) |
| Android XML | #36AFDC |

## Facts

- Closest name: Highlighter Blue
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.52:1
- Contrast with black: 8.32:1

## Tints

#36afdc, #53b7e0, #6abfe4, #7fc8e7, #93d0eb, #a6d8ef, #b8e0f2, #cae8f5, #dceff9, #edf7fc

## Shades

#36afdc, #2e98bf, #2581a3, #1e6b88, #16566e, #0f4154, #082e3c, #031c26, #010b11, #000102

## Tones

#36afdc, #49aed6, #57add0, #63accb, #6eaac5, #78a9bf, #81a7b9, #8aa6b3, #92a4ad, #99a2a7

## Harmonies

- Complementary: #36afdc, #de885b
- Split: #36afdc, #e28084, #ca963d
- Analogous: #36afdc, #00b7bc, #6fa2ec
- Triadic: #36afdc, #d880ae, #a9a642
- Tetradic: #36afdc, #9d94e8, #de885b, #a9a642
- Square: #36afdc, #c088d2, #de885b, #7ab366
- Monochromatic: #36afdc, #00658b, #0089b5, #64d6ff, #c5f6ff

## Questions about #36afdc

### What color is #36afdc?

#36afdc is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(54, 175, 220), in HSL hsl(196.27, 70.34%, 53.73%) and in OKLCH oklch(70.767% 0.12187 227.75).

### What colors go well with #36afdc?

The complementary color of #36afdc is #de885b. For a calmer combination use the analogous colors #00b7bc and #6fa2ec. The triadic partners are #d880ae and #a9a642.

### Is white or black text more readable on #36afdc?

Black text reads better on #36afdc: white gives a contrast ratio of 2.52:1 and black gives 8.32:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #36afdc a warm or cool color?

#36afdc is a cool color. In OKLCH its hue is 228 degrees, its lightness 70.8% and its chroma 0.122.