#36c6fa hex color

In a RGB color space, hex #36c6fa is composed of 21.2% red, 77.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 20.8% magenta, 0% yellow and 2% black. It has a hue angle of 195.9 degrees, a saturation of 95.1% and a lightness of 59.6%. #36c6fa color hex could be obtained by blending #6cffff with #008df5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 21
- G 78
- B 98
RGB color chart
- C 78
- M 21
- Y 0
- K 2
CMYK color chart

● #36c6fa color description : Bright blue.

The hexadecimal color #36c6fa has RGB values of R:54, G:198, B:250 and CMYK values of C:0.78, M:0.21, Y:0, K:0.02. Its decimal value is 3589882.

Hex triplet	36c6fa	`#36c6fa`
RGB Decimal	54, 198, 250	`rgb(54,198,250)`
RGB Percent	21.2, 77.6, 98	`rgb(21.2%,77.6%,98%)`
CMYK	78, 21, 0, 2
HSL	195.9°, 95.1, 59.6	`hsl(195.9,95.1%,59.6%)`
HSV (or HSB)	195.9°, 78.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.87, -20.242, -36.207
XYZ	38.966, 48.071, 97.662
xyY	0.211, 0.26, 48.071
CIE-LCH	74.87, 41.481, 240.793
CIE-LUV	74.87, -48.493, -55.946
Hunter-Lab	69.333, -21.014, -34.982
Binary	00110110, 11000110, 11111010

#36c6fa
```
#36c6fa rgb(54,198,250)
```
#fa6a36
```
#fa6a36 rgb(250,106,54)
```

Complementary Color

#36facc
```
#36facc rgb(54,250,204)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#3664fa
```
#3664fa rgb(54,100,250)
```

Analogous Color

#facc36
```
#facc36 rgb(250,204,54)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#fa3664
```
#fa3664 rgb(250,54,100)
```

Split Complementary Color

#c6fa36
```
#c6fa36 rgb(198,250,54)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#fa36c6
```
#fa36c6 rgb(250,54,198)
```

Triadic Color

#36fa6a
```
#36fa6a rgb(54,250,106)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#fa36c6
```
#fa36c6 rgb(250,54,198)
```
#fa6a36
```
#fa6a36 rgb(250,106,54)
```

Tetradic Color

#06a5de
```
#06a5de rgb(6,165,222)
```
#06b7f7
```
#06b7f7 rgb(6,183,247)
```
#1dbff9
```
#1dbff9 rgb(29,191,249)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#4fcdfb
```
#4fcdfb rgb(79,205,251)
```
#68d4fb
```
#68d4fb rgb(104,212,251)
```
#81dbfc
```
#81dbfc rgb(129,219,252)
```

Monochromatic Color

Below, you can see some colors close to #36c6fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#36f7fa
```
#36f7fa rgb(54,247,250)
```
#36e7fa
```
#36e7fa rgb(54,231,250)
```
#36d6fa
```
#36d6fa rgb(54,214,250)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#36b6fa
```
#36b6fa rgb(54,182,250)
```
#36a5fa
```
#36a5fa rgb(54,165,250)
```
#3695fa
```
#3695fa rgb(54,149,250)
```

Similar Colors

Text with hexadecimal color #36c6fa

This text has a font color of #36c6fa.

<span style="color:#36c6fa;">Text here</span>

#36c6fa background color

This paragraph has a background color of #36c6fa.

<p style="background-color:#36c6fa;">Content here</p>

#36c6fa border color

This element has a border color of #36c6fa.

<div style="border:1px solid #36c6fa;">Content here</div>

CSS codes

.text {color:#36c6fa;}

.background {background-color:#36c6fa;}

.border {border:1px solid #36c6fa;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00070a is the darkest color, while #f5fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012330
```
#012330 rgb(1,35,48)
```
#023243
```
#023243 rgb(2,50,67)
```
#024056
```
#024056 rgb(2,64,86)
```
#034e69
```
#034e69 rgb(3,78,105)
```
#035c7c
```
#035c7c rgb(3,92,124)
```
#046a90
```
#046a90 rgb(4,106,144)
```
#0479a3
```
#0479a3 rgb(4,121,163)
```
#0587b6
```
#0587b6 rgb(5,135,182)
```
#0595c9
```
#0595c9 rgb(5,149,201)
```
#05a3dc
```
#05a3dc rgb(5,163,220)
```
#06b1ef
```
#06b1ef rgb(6,177,239)
```

Shade Color Variation

#10bbf9
```
#10bbf9 rgb(16,187,249)
```
#23c1fa
```
#23c1fa rgb(35,193,250)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```
#49cbfa
```
#49cbfa rgb(73,203,250)
```
#5cd1fb
```
#5cd1fb rgb(92,209,251)
```
#6fd6fb
```
#6fd6fb rgb(111,214,251)
```
#83dcfc
```
#83dcfc rgb(131,220,252)
```
#96e1fc
```
#96e1fc rgb(150,225,252)
```
#a9e7fd
```
#a9e7fd rgb(169,231,253)
```
#bcecfd
```
#bcecfd rgb(188,236,253)
```
#cff1fe
```
#cff1fe rgb(207,241,254)
```
#e2f7fe
```
#e2f7fe rgb(226,247,254)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95999b is the less saturated color, while #36c6fa is the most saturated one.

#95999b
```
#95999b rgb(149,153,155)
```
#8d9da3
```
#8d9da3 rgb(141,157,163)
```
#85a1ab
```
#85a1ab rgb(133,161,171)
```
#7da5b3
```
#7da5b3 rgb(125,165,179)
```
#75a8bb
```
#75a8bb rgb(117,168,187)
```
#6dacc3
```
#6dacc3 rgb(109,172,195)
```
#66b0ca
```
#66b0ca rgb(102,176,202)
```
#5eb3d2
```
#5eb3d2 rgb(94,179,210)
```
#56b7da
```
#56b7da rgb(86,183,218)
```
#4ebbe2
```
#4ebbe2 rgb(78,187,226)
```
#46bfea
```
#46bfea rgb(70,191,234)
```
#3ec2f2
```
#3ec2f2 rgb(62,194,242)
```
#36c6fa
```
#36c6fa rgb(54,198,250)
```

Tone Color Variation

Below, you can see how #36c6fa is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a1a1a1 Achromatopsia 0.005% of the population
#8ca8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb9f0 Protanopia 1% of men
#a2baff Deuteranopia 1% of men
#00cedd Tritanopia 0.001% of the population

Trichromacy

#81bef3 Protanomaly 1% of men, 0.01% of women
#7bbefd Deuteranomaly 6% of men, 0.4% of women
#13cbe7 Tritanomaly 0.01% of the population

#36c6fa hex color

#36c6fa Color Information

#36c6fa Color Conversion

Color Schemes with #36c6fa

Alternatives to #36c6fa

#36c6fa Preview

Shades and Tints of #36c6fa

Tones of #36c6fa

Color Blindness Simulator