#36c0f2 hex color

In a RGB color space, hex #36c0f2 is composed of 21.2% red, 75.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 20.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 196 degrees, a saturation of 87.9% and a lightness of 58%. #36c0f2 color hex could be obtained by blending #6cffff with #0081e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 21
- G 75
- B 95
RGB color chart
- C 78
- M 21
- Y 0
- K 5
CMYK color chart

● #36c0f2 color description : Bright blue.

The hexadecimal color #36c0f2 has RGB values of R:54, G:192, B:242 and CMYK values of C:0.78, M:0.21, Y:0, K:0.05. Its decimal value is 3588338.

Hex triplet	36c0f2	`#36c0f2`
RGB Decimal	54, 192, 242	`rgb(54,192,242)`
RGB Percent	21.2, 75.3, 94.9	`rgb(21.2%,75.3%,94.9%)`
CMYK	78, 21, 0, 5
HSL	196°, 87.9, 58	`hsl(196,87.9%,58%)`
HSV (or HSB)	196°, 77.7, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.82, -19.768, -35.076
XYZ	36.394, 44.891, 90.746
xyY	0.212, 0.261, 44.891
CIE-LCH	72.82, 40.263, 240.596
CIE-LUV	72.82, -46.951, -53.875
Hunter-Lab	67.001, -20.293, -33.402
Binary	00110110, 11000000, 11110010

#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#f26836
```
#f26836 rgb(242,104,54)
```

Complementary Color

#36f2c6
```
#36f2c6 rgb(54,242,198)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#3662f2
```
#3662f2 rgb(54,98,242)
```

Analogous Color

#f2c636
```
#f2c636 rgb(242,198,54)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#f23662
```
#f23662 rgb(242,54,98)
```

Split Complementary Color

#c0f236
```
#c0f236 rgb(192,242,54)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#f236c0
```
#f236c0 rgb(242,54,192)
```

Triadic Color

#36f268
```
#36f268 rgb(54,242,104)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#f236c0
```
#f236c0 rgb(242,54,192)
```
#f26836
```
#f26836 rgb(242,104,54)
```

Tetradic Color

#0d9bce
```
#0d9bce rgb(13,155,206)
```
#0fade6
```
#0fade6 rgb(15,173,230)
```
#1eb8f0
```
#1eb8f0 rgb(30,184,240)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#4ec8f4
```
#4ec8f4 rgb(78,200,244)
```
#66cff5
```
#66cff5 rgb(102,207,245)
```
#7ed7f7
```
#7ed7f7 rgb(126,215,247)
```

Monochromatic Color

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

#36eff2
```
#36eff2 rgb(54,239,242)
```
#36dff2
```
#36dff2 rgb(54,223,242)
```
#36d0f2
```
#36d0f2 rgb(54,208,242)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#36b0f2
```
#36b0f2 rgb(54,176,242)
```
#36a1f2
```
#36a1f2 rgb(54,161,242)
```
#3691f2
```
#3691f2 rgb(54,145,242)
```

Similar Colors

Text with hexadecimal color #36c0f2

This text has a font color of #36c0f2.

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

#36c0f2 background color

This paragraph has a background color of #36c0f2.

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

#36c0f2 border color

This element has a border color of #36c0f2.

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

CSS codes

.text {color:#36c0f2;}

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

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

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, #000102 is the darkest color, while #eefafe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#021d27
```
#021d27 rgb(2,29,39)
```
#042b39
```
#042b39 rgb(4,43,57)
```
#05394b
```
#05394b rgb(5,57,75)
```
#06465e
```
#06465e rgb(6,70,94)
```
#075470
```
#075470 rgb(7,84,112)
```
#086283
```
#086283 rgb(8,98,131)
```
#0a7095
```
#0a7095 rgb(10,112,149)
```
#0b7ea7
```
#0b7ea7 rgb(11,126,167)
```
#0c8cba
```
#0c8cba rgb(12,140,186)
```
#0d99cc
```
#0d99cc rgb(13,153,204)
```
#0ea7df
```
#0ea7df rgb(14,167,223)
```

Shade Color Variation

#11b4f0
```
#11b4f0 rgb(17,180,240)
```
#24baf1
```
#24baf1 rgb(36,186,241)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#48c6f3
```
#48c6f3 rgb(72,198,243)
```
#5bccf4
```
#5bccf4 rgb(91,204,244)
```
#6dd1f6
```
#6dd1f6 rgb(109,209,246)
```
#80d7f7
```
#80d7f7 rgb(128,215,247)
```
#92ddf8
```
#92ddf8 rgb(146,221,248)
```
#a5e3f9
```
#a5e3f9 rgb(165,227,249)
```
#b7e8fa
```
#b7e8fa rgb(183,232,250)
```
#c9eefc
```
#c9eefc rgb(201,238,252)
```
#dcf4fd
```
#dcf4fd rgb(220,244,253)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919697 is the less saturated color, while #2ec4fa is the most saturated one.

#919697
```
#919697 rgb(145,150,151)
```
#8899a0
```
#8899a0 rgb(136,153,160)
```
#809da8
```
#809da8 rgb(128,157,168)
```
#78a1b0
```
#78a1b0 rgb(120,161,176)
```
#70a5b8
```
#70a5b8 rgb(112,165,184)
```
#67a9c1
```
#67a9c1 rgb(103,169,193)
```
#5fadc9
```
#5fadc9 rgb(95,173,201)
```
#57b1d1
```
#57b1d1 rgb(87,177,209)
```
#4fb4d9
```
#4fb4d9 rgb(79,180,217)
```
#46b8e2
```
#46b8e2 rgb(70,184,226)
```
#3ebcea
```
#3ebcea rgb(62,188,234)
```
#36c0f2
```
#36c0f2 rgb(54,192,242)
```
#2ec4fa
```
#2ec4fa rgb(46,196,250)
```

Tone Color Variation

Below, you can see how #36c0f2 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

#9c9c9c Achromatopsia 0.005% of the population
#88a3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b4e8 Protanopia 1% of men
#9eb4f8 Deuteranopia 1% of men
#00c8d7 Tritanopia 0.001% of the population

Trichromacy

#7eb8ec Protanomaly 1% of men, 0.01% of women
#78b8f6 Deuteranomaly 6% of men, 0.4% of women
#13c5e0 Tritanomaly 0.01% of the population

#36c0f2 hex color

#36c0f2 Color Information

#36c0f2 Color Conversion

Color Schemes with #36c0f2

Alternatives to #36c0f2

#36c0f2 Preview

Shades and Tints of #36c0f2

Tones of #36c0f2

Color Blindness Simulator