#36affe hex color

In a RGB color space, hex #36affe is composed of 21.2% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 203.7 degrees, a saturation of 99% and a lightness of 60.4%. #36affe color hex could be obtained by blending #6cffff with #005ffd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 69
- B 100
RGB color chart
- C 79
- M 31
- Y 0
- K 0
CMYK color chart

● #36affe color description : Bright blue.

The hexadecimal color #36affe has RGB values of R:54, G:175, B:254 and CMYK values of C:0.79, M:0.31, Y:0, K:0. Its decimal value is 3583998.

Hex triplet	36affe	`#36affe`
RGB Decimal	54, 175, 254	`rgb(54,175,254)`
RGB Percent	21.2, 68.6, 99.6	`rgb(21.2%,68.6%,99.6%)`
CMYK	79, 31, 0, 0
HSL	203.7°, 99, 60.4	`hsl(203.7,99%,60.4%)`
HSV (or HSB)	203.7°, 78.7, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.458, -6.564, -48.386
XYZ	34.736, 38.597, 99.38
xyY	0.201, 0.223, 38.597
CIE-LCH	68.458, 48.829, 262.274
CIE-LUV	68.458, -40.457, -77.759
Hunter-Lab	62.126, -8.918, -51.354
Binary	00110110, 10101111, 11111110

#36affe
```
#36affe rgb(54,175,254)
```
#fe8536
```
#fe8536 rgb(254,133,54)
```

Complementary Color

#36fee9
```
#36fee9 rgb(54,254,233)
```
#36affe
```
#36affe rgb(54,175,254)
```
#364bfe
```
#364bfe rgb(54,75,254)
```

Analogous Color

#fee936
```
#fee936 rgb(254,233,54)
```
#36affe
```
#36affe rgb(54,175,254)
```
#fe364b
```
#fe364b rgb(254,54,75)
```

Split Complementary Color

#affe36
```
#affe36 rgb(175,254,54)
```
#36affe
```
#36affe rgb(54,175,254)
```
#fe36af
```
#fe36af rgb(254,54,175)
```

Triadic Color

#36fe85
```
#36fe85 rgb(54,254,133)
```
#36affe
```
#36affe rgb(54,175,254)
```
#fe36af
```
#fe36af rgb(254,54,175)
```
#fe8536
```
#fe8536 rgb(254,133,54)
```

Tetradic Color

#018ce6
```
#018ce6 rgb(1,140,230)
```
#039bfe
```
#039bfe rgb(3,155,254)
```
#1da5fe
```
#1da5fe rgb(29,165,254)
```
#36affe
```
#36affe rgb(54,175,254)
```
#4fb9fe
```
#4fb9fe rgb(79,185,254)
```
#69c3fe
```
#69c3fe rgb(105,195,254)
```
#82cdfe
```
#82cdfe rgb(130,205,254)
```

Monochromatic Color

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

#36e1fe
```
#36e1fe rgb(54,225,254)
```
#36d0fe
```
#36d0fe rgb(54,208,254)
```
#36c0fe
```
#36c0fe rgb(54,192,254)
```
#36affe
```
#36affe rgb(54,175,254)
```
#369efe
```
#369efe rgb(54,158,254)
```
#368efe
```
#368efe rgb(54,142,254)
```
#367dfe
```
#367dfe rgb(54,125,254)
```

Similar Colors

Text with hexadecimal color #36affe

This text has a font color of #36affe.

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

#36affe background color

This paragraph has a background color of #36affe.

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

#36affe border color

This element has a border color of #36affe.

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

CSS codes

.text {color:#36affe;}

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

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

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, #00080e is the darkest color, while #f9fdff is the lightest one.

#00080e
```
#00080e rgb(0,8,14)
```
#001421
```
#001421 rgb(0,20,33)
```
#002035
```
#002035 rgb(0,32,53)
```
#002c48
```
#002c48 rgb(0,44,72)
```
#00385c
```
#00385c rgb(0,56,92)
```
#01446f
```
#01446f rgb(1,68,111)
```
#014f83
```
#014f83 rgb(1,79,131)
```
#015b96
```
#015b96 rgb(1,91,150)
```
#0167aa
```
#0167aa rgb(1,103,170)
```
#0173bd
```
#0173bd rgb(1,115,189)
```
#017fd1
```
#017fd1 rgb(1,127,209)
```
#018be4
```
#018be4 rgb(1,139,228)
```
#0196f8
```
#0196f8 rgb(1,150,248)
```

Shade Color Variation

#0f9ffe
```
#0f9ffe rgb(15,159,254)
```
#22a7fe
```
#22a7fe rgb(34,167,254)
```
#36affe
```
#36affe rgb(54,175,254)
```
#4ab7fe
```
#4ab7fe rgb(74,183,254)
```
#5dbffe
```
#5dbffe rgb(93,191,254)
```
#71c6fe
```
#71c6fe rgb(113,198,254)
```
#84cefe
```
#84cefe rgb(132,206,254)
```
#98d6fe
```
#98d6fe rgb(152,214,254)
```
#abdeff
```
#abdeff rgb(171,222,255)
```
#bfe5ff
```
#bfe5ff rgb(191,229,255)
```
#d2edff
```
#d2edff rgb(210,237,255)
```
#e6f5ff
```
#e6f5ff rgb(230,245,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#939ba1
```
#939ba1 rgb(147,155,161)
```
#8b9da9
```
#8b9da9 rgb(139,157,169)
```
#849fb0
```
#849fb0 rgb(132,159,176)
```
#7ca0b8
```
#7ca0b8 rgb(124,160,184)
```
#74a2c0
```
#74a2c0 rgb(116,162,192)
```
#6ca4c8
```
#6ca4c8 rgb(108,164,200)
```
#65a5cf
```
#65a5cf rgb(101,165,207)
```
#5da7d7
```
#5da7d7 rgb(93,167,215)
```
#55a8df
```
#55a8df rgb(85,168,223)
```
#4daae7
```
#4daae7 rgb(77,170,231)
```
#46acee
```
#46acee rgb(70,172,238)
```
#3eadf6
```
#3eadf6 rgb(62,173,246)
```
#36affe
```
#36affe rgb(54,175,254)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8199a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa8f6 Protanopia 1% of men
#7babff Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#6eabf9 Protanomaly 1% of men, 0.01% of women
#62acfe Deuteranomaly 6% of men, 0.4% of women
#13b7dc Tritanomaly 0.01% of the population

#36affe hex color

#36affe Color Information

#36affe Color Conversion

Color Schemes with #36affe

Alternatives to #36affe

#36affe Preview

Shades and Tints of #36affe

Tones of #36affe

Color Blindness Simulator