#36f5fb hex color

In a RGB color space, hex #36f5fb is composed of 21.2% red, 96.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 2.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 181.8 degrees, a saturation of 96.1% and a lightness of 59.8%. #36f5fb color hex could be obtained by blending #6cffff with #00ebf7. Closest websafe color is: #33ffff.

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

● #36f5fb color description : Bright cyan.

The hexadecimal color #36f5fb has RGB values of R:54, G:245, B:251 and CMYK values of C:0.78, M:0.02, Y:0, K:0.02. Its decimal value is 3601915.

Hex triplet	36f5fb	`#36f5fb`
RGB Decimal	54, 245, 251	`rgb(54,245,251)`
RGB Percent	21.2, 96.1, 98.4	`rgb(21.2%,96.1%,98.4%)`
CMYK	78, 2, 0, 2
HSL	181.8°, 96.1, 59.8	`hsl(181.8,96.1%,59.8%)`
HSV (or HSB)	181.8°, 78.5, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.471, -42.469, -15.981
XYZ	51.581, 73.049, 102.643
xyY	0.227, 0.321, 73.049
CIE-LCH	88.471, 45.376, 200.621
CIE-LUV	88.471, -64.476, -19.049
Hunter-Lab	85.469, -41.844, -11.376
Binary	00110110, 11110101, 11111011

#36f5fb
```
#36f5fb rgb(54,245,251)
```
#fb3c36
```
#fb3c36 rgb(251,60,54)
```

Complementary Color

#36fb9f
```
#36fb9f rgb(54,251,159)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#3693fb
```
#3693fb rgb(54,147,251)
```

Analogous Color

#fb9f36
```
#fb9f36 rgb(251,159,54)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#fb3693
```
#fb3693 rgb(251,54,147)
```

Split Complementary Color

#f5fb36
```
#f5fb36 rgb(245,251,54)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#fb36f5
```
#fb36f5 rgb(251,54,245)
```

Triadic Color

#36fb3c
```
#36fb3c rgb(54,251,60)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#fb36f5
```
#fb36f5 rgb(251,54,245)
```
#fb3c36
```
#fb3c36 rgb(251,60,54)
```

Tetradic Color

#04d9e0
```
#04d9e0 rgb(4,217,224)
```
#05f2f9
```
#05f2f9 rgb(5,242,249)
```
#1df4fb
```
#1df4fb rgb(29,244,251)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#4ff6fb
```
#4ff6fb rgb(79,246,251)
```
#68f7fc
```
#68f7fc rgb(104,247,252)
```
#81f9fc
```
#81f9fc rgb(129,249,252)
```

Monochromatic Color

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

#36fbd0
```
#36fbd0 rgb(54,251,208)
```
#36fbe0
```
#36fbe0 rgb(54,251,224)
```
#36fbf1
```
#36fbf1 rgb(54,251,241)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#36e5fb
```
#36e5fb rgb(54,229,251)
```
#36d4fb
```
#36d4fb rgb(54,212,251)
```
#36c4fb
```
#36c4fb rgb(54,196,251)
```

Similar Colors

Text with hexadecimal color #36f5fb

This text has a font color of #36f5fb.

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

#36f5fb background color

This paragraph has a background color of #36f5fb.

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

#36f5fb border color

This element has a border color of #36f5fb.

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

CSS codes

.text {color:#36f5fb;}

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

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

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, #000a0b is the darkest color, while #f6ffff is the lightest one.

#000a0b
```
#000a0b rgb(0,10,11)
```
#011d1e
```
#011d1e rgb(1,29,30)
```
#013031
```
#013031 rgb(1,48,49)
```
#014244
```
#014244 rgb(1,66,68)
```
#025557
```
#025557 rgb(2,85,87)
```
#02686b
```
#02686b rgb(2,104,107)
```
#037a7e
```
#037a7e rgb(3,122,126)
```
#038d91
```
#038d91 rgb(3,141,145)
```
#03a0a4
```
#03a0a4 rgb(3,160,164)
```
#04b2b8
```
#04b2b8 rgb(4,178,184)
```
#04c5cb
```
#04c5cb rgb(4,197,203)
```
#04d7de
```
#04d7de rgb(4,215,222)
```
#05eaf1
```
#05eaf1 rgb(5,234,241)
```

Shade Color Variation

#10f3fa
```
#10f3fa rgb(16,243,250)
```
#23f4fb
```
#23f4fb rgb(35,244,251)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```
#49f6fb
```
#49f6fb rgb(73,246,251)
```
#5cf7fc
```
#5cf7fc rgb(92,247,252)
```
#70f8fc
```
#70f8fc rgb(112,248,252)
```
#83f9fd
```
#83f9fd rgb(131,249,253)
```
#96fafd
```
#96fafd rgb(150,250,253)
```
#a9fbfd
```
#a9fbfd rgb(169,251,253)
```
#bdfcfe
```
#bdfcfe rgb(189,252,254)
```
#d0fdfe
```
#d0fdfe rgb(208,253,254)
```
#e3fefe
```
#e3fefe rgb(227,254,254)
```
#f6ffff
```
#f6ffff rgb(246,255,255)
```

Tint Color Variation

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

#959c9c
```
#959c9c rgb(149,156,156)
```
#8da4a4
```
#8da4a4 rgb(141,164,164)
```
#85abac
```
#85abac rgb(133,171,172)
```
#7db2b4
```
#7db2b4 rgb(125,178,180)
```
#75babc
```
#75babc rgb(117,186,188)
```
#6dc1c4
```
#6dc1c4 rgb(109,193,196)
```
#65c9cc
```
#65c9cc rgb(101,201,204)
```
#5dd0d4
```
#5dd0d4 rgb(93,208,212)
```
#56d7db
```
#56d7db rgb(86,215,219)
```
#4edfe3
```
#4edfe3 rgb(78,223,227)
```
#46e6eb
```
#46e6eb rgb(70,230,235)
```
#3eeef3
```
#3eeef3 rgb(62,238,243)
```
#36f5fb
```
#36f5fb rgb(54,245,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a2c8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdeed Protanopia 1% of men
#e1dbff Deuteranopia 1% of men
#7df0ff Tritanopia 0.001% of the population

Trichromacy

#a1e6f2 Protanomaly 1% of men, 0.01% of women
#a2e4fd Deuteranomaly 6% of men, 0.4% of women
#63f1fd Tritanomaly 0.01% of the population

#36f5fb hex color

#36f5fb Color Information

#36f5fb Color Conversion

Color Schemes with #36f5fb

Alternatives to #36f5fb

#36f5fb Preview

Shades and Tints of #36f5fb

Tones of #36f5fb

Color Blindness Simulator