#36fef2 hex color

In a RGB color space, hex #36fef2 is composed of 21.2% red, 99.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 0% magenta, 4.7% yellow and 0.4% black. It has a hue angle of 176.4 degrees, a saturation of 99% and a lightness of 60.4%. #36fef2 color hex could be obtained by blending #6cffff with #00fde5. Closest websafe color is: #33ffff.

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

● #36fef2 color description : Bright cyan.

The hexadecimal color #36fef2 has RGB values of R:54, G:254, B:242 and CMYK values of C:0.79, M:0, Y:0.05, K:0. Its decimal value is 3604210.

Hex triplet	36fef2	`#36fef2`
RGB Decimal	54, 254, 242	`rgb(54,254,242)`
RGB Percent	21.2, 99.6, 94.9	`rgb(21.2%,99.6%,94.9%)`
CMYK	79, 0, 5, 0
HSL	176.4°, 99, 60.4	`hsl(176.4,99%,60.4%)`
HSV (or HSB)	176.4°, 78.7, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.813, -48.898, -7.802
XYZ	52.985, 78.073, 96.277
xyY	0.233, 0.343, 78.073
CIE-LCH	90.813, 49.516, 189.065
CIE-LUV	90.813, -68.182, -4.598
Hunter-Lab	88.359, -47.59, -2.751
Binary	00110110, 11111110, 11110010

#36fef2
```
#36fef2 rgb(54,254,242)
```
#fe3642
```
#fe3642 rgb(254,54,66)
```

Complementary Color

#36fe8e
```
#36fe8e rgb(54,254,142)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#36a6fe
```
#36a6fe rgb(54,166,254)
```

Analogous Color

#fe8e36
```
#fe8e36 rgb(254,142,54)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#fe36a6
```
#fe36a6 rgb(254,54,166)
```

Split Complementary Color

#fef236
```
#fef236 rgb(254,242,54)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#f236fe
```
#f236fe rgb(242,54,254)
```

Triadic Color

#42fe36
```
#42fe36 rgb(66,254,54)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#f236fe
```
#f236fe rgb(242,54,254)
```
#fe3642
```
#fe3642 rgb(254,54,66)
```

Tetradic Color

#01e6d9
```
#01e6d9 rgb(1,230,217)
```
#03feef
```
#03feef rgb(3,254,239)
```
#1dfef0
```
#1dfef0 rgb(29,254,240)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#4ffef4
```
#4ffef4 rgb(79,254,244)
```
#69fef5
```
#69fef5 rgb(105,254,245)
```
#82fef7
```
#82fef7 rgb(130,254,247)
```

Monochromatic Color

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

#36fec0
```
#36fec0 rgb(54,254,192)
```
#36fed1
```
#36fed1 rgb(54,254,209)
```
#36fee1
```
#36fee1 rgb(54,254,225)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#36f9fe
```
#36f9fe rgb(54,249,254)
```
#36e9fe
```
#36e9fe rgb(54,233,254)
```
#36d8fe
```
#36d8fe rgb(54,216,254)
```

Similar Colors

Text with hexadecimal color #36fef2

This text has a font color of #36fef2.

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

#36fef2 background color

This paragraph has a background color of #36fef2.

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

#36fef2 border color

This element has a border color of #36fef2.

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

CSS codes

.text {color:#36fef2;}

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

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

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

#000e0d
```
#000e0d rgb(0,14,13)
```
#00211f
```
#00211f rgb(0,33,31)
```
#003532
```
#003532 rgb(0,53,50)
```
#004844
```
#004844 rgb(0,72,68)
```
#005c56
```
#005c56 rgb(0,92,86)
```
#016f69
```
#016f69 rgb(1,111,105)
```
#01837b
```
#01837b rgb(1,131,123)
```
#01968d
```
#01968d rgb(1,150,141)
```
#01aaa0
```
#01aaa0 rgb(1,170,160)
```
#01bdb2
```
#01bdb2 rgb(1,189,178)
```
#01d1c4
```
#01d1c4 rgb(1,209,196)
```
#01e4d7
```
#01e4d7 rgb(1,228,215)
```
#01f8e9
```
#01f8e9 rgb(1,248,233)
```

Shade Color Variation

#0ffeef
```
#0ffeef rgb(15,254,239)
```
#22fef1
```
#22fef1 rgb(34,254,241)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```
#4afef3
```
#4afef3 rgb(74,254,243)
```
#5dfef5
```
#5dfef5 rgb(93,254,245)
```
#71fef6
```
#71fef6 rgb(113,254,246)
```
#84fef7
```
#84fef7 rgb(132,254,247)
```
#98fef8
```
#98fef8 rgb(152,254,248)
```
#abfffa
```
#abfffa rgb(171,255,250)
```
#bffffb
```
#bffffb rgb(191,255,251)
```
#d2fffc
```
#d2fffc rgb(210,255,252)
```
#e6fffd
```
#e6fffd rgb(230,255,253)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#93a1a0
```
#93a1a0 rgb(147,161,160)
```
#8ba9a7
```
#8ba9a7 rgb(139,169,167)
```
#84b0ae
```
#84b0ae rgb(132,176,174)
```
#7cb8b4
```
#7cb8b4 rgb(124,184,180)
```
#74c0bb
```
#74c0bb rgb(116,192,187)
```
#6cc8c2
```
#6cc8c2 rgb(108,200,194)
```
#65cfc9
```
#65cfc9 rgb(101,207,201)
```
#5dd7d0
```
#5dd7d0 rgb(93,215,208)
```
#55dfd7
```
#55dfd7 rgb(85,223,215)
```
#4de7dd
```
#4de7dd rgb(77,231,221)
```
#46eee4
```
#46eee4 rgb(70,238,228)
```
#3ef6eb
```
#3ef6eb rgb(62,246,235)
```
#36fef2
```
#36fef2 rgb(54,254,242)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a5cdcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e4e5 Protanopia 1% of men
#efe0fd Deuteranopia 1% of men
#a2f2ff Tritanopia 0.001% of the population

Trichromacy

#a8eee9 Protanomaly 1% of men, 0.01% of women
#acebf9 Deuteranomaly 6% of men, 0.4% of women
#7bf6fa Tritanomaly 0.01% of the population

#36fef2 hex color

#36fef2 Color Information

#36fef2 Color Conversion

Color Schemes with #36fef2

Alternatives to #36fef2

#36fef2 Preview

Shades and Tints of #36fef2

Tones of #36fef2

Color Blindness Simulator