#36afec hex color

In a RGB color space, hex #36afec is composed of 21.2% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 200.1 degrees, a saturation of 82.7% and a lightness of 56.9%. #36afec color hex could be obtained by blending #6cffff with #005fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 69
- B 93
RGB color chart
- C 77
- M 26
- Y 0
- K 7
CMYK color chart

● #36afec color description : Bright blue.

The hexadecimal color #36afec has RGB values of R:54, G:175, B:236 and CMYK values of C:0.77, M:0.26, Y:0, K:0.07. Its decimal value is 3583980.

Hex triplet	36afec	`#36afec`
RGB Decimal	54, 175, 236	`rgb(54,175,236)`
RGB Percent	21.2, 68.6, 92.5	`rgb(21.2%,68.6%,92.5%)`
CMYK	77, 26, 0, 7
HSL	200.1°, 82.7, 56.9	`hsl(200.1,82.7%,56.9%)`
HSV (or HSB)	200.1°, 77.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.649, -12.763, -39.864
XYZ	31.988, 37.498, 84.904
xyY	0.207, 0.243, 37.498
CIE-LCH	67.649, 41.857, 252.246
CIE-LUV	67.649, -41.475, -62.363
Hunter-Lab	61.235, -13.918, -39.342
Binary	00110110, 10101111, 11101100

#36afec
```
#36afec rgb(54,175,236)
```
#ec7336
```
#ec7336 rgb(236,115,54)
```

Complementary Color

#36ecce
```
#36ecce rgb(54,236,206)
```
#36afec
```
#36afec rgb(54,175,236)
```
#3654ec
```
#3654ec rgb(54,84,236)
```

Analogous Color

#ecce36
```
#ecce36 rgb(236,206,54)
```
#36afec
```
#36afec rgb(54,175,236)
```
#ec3654
```
#ec3654 rgb(236,54,84)
```

Split Complementary Color

#afec36
```
#afec36 rgb(175,236,54)
```
#36afec
```
#36afec rgb(54,175,236)
```
#ec36af
```
#ec36af rgb(236,54,175)
```

Triadic Color

#36ec73
```
#36ec73 rgb(54,236,115)
```
#36afec
```
#36afec rgb(54,175,236)
```
#ec36af
```
#ec36af rgb(236,54,175)
```
#ec7336
```
#ec7336 rgb(236,115,54)
```

Tetradic Color

#1288c3
```
#1288c3 rgb(18,136,195)
```
#1598da
```
#1598da rgb(21,152,218)
```
#1fa6ea
```
#1fa6ea rgb(31,166,234)
```
#36afec
```
#36afec rgb(54,175,236)
```
#4db8ee
```
#4db8ee rgb(77,184,238)
```
#65c2f0
```
#65c2f0 rgb(101,194,240)
```
#7ccbf3
```
#7ccbf3 rgb(124,203,243)
```

Monochromatic Color

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

#36ddec
```
#36ddec rgb(54,221,236)
```
#36cdec
```
#36cdec rgb(54,205,236)
```
#36beec
```
#36beec rgb(54,190,236)
```
#36afec
```
#36afec rgb(54,175,236)
```
#36a0ec
```
#36a0ec rgb(54,160,236)
```
#3691ec
```
#3691ec rgb(54,145,236)
```
#3682ec
```
#3682ec rgb(54,130,236)
```

Similar Colors

Text with hexadecimal color #36afec

This text has a font color of #36afec.

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

#36afec background color

This paragraph has a background color of #36afec.

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

#36afec border color

This element has a border color of #36afec.

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

CSS codes

.text {color:#36afec;}

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

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

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, #010a0e is the darkest color, while #fbfdff is the lightest one.

#010a0e
```
#010a0e rgb(1,10,14)
```
#031620
```
#031620 rgb(3,22,32)
```
#052332
```
#052332 rgb(5,35,50)
```
#062f44
```
#062f44 rgb(6,47,68)
```
#083c56
```
#083c56 rgb(8,60,86)
```
#0a4868
```
#0a4868 rgb(10,72,104)
```
#0b557a
```
#0b557a rgb(11,85,122)
```
#0d618c
```
#0d618c rgb(13,97,140)
```
#0f6e9d
```
#0f6e9d rgb(15,110,157)
```
#117aaf
```
#117aaf rgb(17,122,175)
```
#1287c1
```
#1287c1 rgb(18,135,193)
```
#1493d3
```
#1493d3 rgb(20,147,211)
```
#16a0e5
```
#16a0e5 rgb(22,160,229)
```

Shade Color Variation

#24a8ea
```
#24a8ea rgb(36,168,234)
```
#36afec
```
#36afec rgb(54,175,236)
```
#48b6ee
```
#48b6ee rgb(72,182,238)
```
#5abdef
```
#5abdef rgb(90,189,239)
```
#6cc4f1
```
#6cc4f1 rgb(108,196,241)
```
#7eccf3
```
#7eccf3 rgb(126,204,243)
```
#90d3f4
```
#90d3f4 rgb(144,211,244)
```
#a2daf6
```
#a2daf6 rgb(162,218,246)
```
#b3e1f8
```
#b3e1f8 rgb(179,225,248)
```
#c5e8fa
```
#c5e8fa rgb(197,232,250)
```
#d7effb
```
#d7effb rgb(215,239,251)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9397 is the less saturated color, while #25b5fd is the most saturated one.

#8b9397
```
#8b9397 rgb(139,147,151)
```
#8296a0
```
#8296a0 rgb(130,150,160)
```
#7a99a8
```
#7a99a8 rgb(122,153,168)
```
#719bb1
```
#719bb1 rgb(113,155,177)
```
#699eb9
```
#699eb9 rgb(105,158,185)
```
#60a1c2
```
#60a1c2 rgb(96,161,194)
```
#58a4ca
```
#58a4ca rgb(88,164,202)
```
#4fa7d3
```
#4fa7d3 rgb(79,167,211)
```
#47a9db
```
#47a9db rgb(71,169,219)
```
#3eace4
```
#3eace4 rgb(62,172,228)
```
#36afec
```
#36afec rgb(54,175,236)
```
#2eb2f4
```
#2eb2f4 rgb(46,178,244)
```
#25b5fd
```
#25b5fd rgb(37,181,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8098a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a7e4 Protanopia 1% of men
#87a8f1 Deuteranopia 1% of men
#00b9c7 Tritanopia 0.001% of the population

Trichromacy

#72aae7 Protanomaly 1% of men, 0.01% of women
#6aaaef Deuteranomaly 6% of men, 0.4% of women
#13b5d4 Tritanomaly 0.01% of the population

#36afec hex color

#36afec Color Information

#36afec Color Conversion

Color Schemes with #36afec

Alternatives to #36afec

#36afec Preview

Shades and Tints of #36afec

Tones of #36afec

Color Blindness Simulator