#36f2ed hex color

In a RGB color space, hex #36f2ed is composed of 21.2% red, 94.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 0% magenta, 2.1% yellow and 5.1% black. It has a hue angle of 178.4 degrees, a saturation of 87.9% and a lightness of 58%. #36f2ed color hex could be obtained by blending #6cffff with #00e5db. Closest websafe color is: #33ffff.

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

● #36f2ed color description : Bright cyan.

The hexadecimal color #36f2ed has RGB values of R:54, G:242, B:237 and CMYK values of C:0.78, M:0, Y:0.02, K:0.05. Its decimal value is 3601133.

Hex triplet	36f2ed	`#36f2ed`
RGB Decimal	54, 242, 237	`rgb(54,242,237)`
RGB Percent	21.2, 94.9, 92.9	`rgb(21.2%,94.9%,92.9%)`
CMYK	78, 0, 2, 5
HSL	178.4°, 87.9, 58	`hsl(178.4,87.9%,58%)`
HSV (or HSB)	178.4°, 77.7, 94.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.192, -45.092, -10.573
XYZ	48.555, 70.398, 91.145
xyY	0.231, 0.335, 70.398
CIE-LCH	87.192, 46.315, 193.196
CIE-LUV	87.192, -64.489, -9.679
Hunter-Lab	83.904, -43.534, -5.675
Binary	00110110, 11110010, 11101101

#36f2ed
```
#36f2ed rgb(54,242,237)
```
#f2363b
```
#f2363b rgb(242,54,59)
```

Complementary Color

#36f28f
```
#36f28f rgb(54,242,143)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#3699f2
```
#3699f2 rgb(54,153,242)
```

Analogous Color

#f28f36
```
#f28f36 rgb(242,143,54)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#f23699
```
#f23699 rgb(242,54,153)
```

Split Complementary Color

#f2ed36
```
#f2ed36 rgb(242,237,54)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#ed36f2
```
#ed36f2 rgb(237,54,242)
```

Triadic Color

#3bf236
```
#3bf236 rgb(59,242,54)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#ed36f2
```
#ed36f2 rgb(237,54,242)
```
#f2363b
```
#f2363b rgb(242,54,59)
```

Tetradic Color

#0dcec9
```
#0dcec9 rgb(13,206,201)
```
#0fe6e0
```
#0fe6e0 rgb(15,230,224)
```
#1ef0eb
```
#1ef0eb rgb(30,240,235)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#4ef4ef
```
#4ef4ef rgb(78,244,239)
```
#66f5f1
```
#66f5f1 rgb(102,245,241)
```
#7ef7f3
```
#7ef7f3 rgb(126,247,243)
```

Monochromatic Color

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

#36f2be
```
#36f2be rgb(54,242,190)
```
#36f2ce
```
#36f2ce rgb(54,242,206)
```
#36f2dd
```
#36f2dd rgb(54,242,221)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#36e7f2
```
#36e7f2 rgb(54,231,242)
```
#36d8f2
```
#36d8f2 rgb(54,216,242)
```
#36c8f2
```
#36c8f2 rgb(54,200,242)
```

Similar Colors

Text with hexadecimal color #36f2ed

This text has a font color of #36f2ed.

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

#36f2ed background color

This paragraph has a background color of #36f2ed.

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

#36f2ed border color

This element has a border color of #36f2ed.

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

CSS codes

.text {color:#36f2ed;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011414
```
#011414 rgb(1,20,20)
```
#022726
```
#022726 rgb(2,39,38)
```
#043938
```
#043938 rgb(4,57,56)
```
#054b49
```
#054b49 rgb(5,75,73)
```
#065e5b
```
#065e5b rgb(6,94,91)
```
#07706d
```
#07706d rgb(7,112,109)
```
#08837f
```
#08837f rgb(8,131,127)
```
#0a9591
```
#0a9591 rgb(10,149,145)
```
#0ba7a3
```
#0ba7a3 rgb(11,167,163)
```
#0cbab5
```
#0cbab5 rgb(12,186,181)
```
#0dccc7
```
#0dccc7 rgb(13,204,199)
```
#0edfd9
```
#0edfd9 rgb(14,223,217)
```

Shade Color Variation

#11f0ea
```
#11f0ea rgb(17,240,234)
```
#24f1eb
```
#24f1eb rgb(36,241,235)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#48f3ef
```
#48f3ef rgb(72,243,239)
```
#5bf4f0
```
#5bf4f0 rgb(91,244,240)
```
#6df6f2
```
#6df6f2 rgb(109,246,242)
```
#80f7f4
```
#80f7f4 rgb(128,247,244)
```
#92f8f5
```
#92f8f5 rgb(146,248,245)
```
#a5f9f7
```
#a5f9f7 rgb(165,249,247)
```
#b7faf9
```
#b7faf9 rgb(183,250,249)
```
#c9fcfa
```
#c9fcfa rgb(201,252,250)
```
#dcfdfc
```
#dcfdfc rgb(220,253,252)
```
#eefefd
```
#eefefd rgb(238,254,253)
```

Tint Color Variation

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

#919797
```
#919797 rgb(145,151,151)
```
#88a09f
```
#88a09f rgb(136,160,159)
```
#80a8a7
```
#80a8a7 rgb(128,168,167)
```
#78b0af
```
#78b0af rgb(120,176,175)
```
#70b8b6
```
#70b8b6 rgb(112,184,182)
```
#67c1be
```
#67c1be rgb(103,193,190)
```
#5fc9c6
```
#5fc9c6 rgb(95,201,198)
```
#57d1ce
```
#57d1ce rgb(87,209,206)
```
#4fd9d6
```
#4fd9d6 rgb(79,217,214)
```
#46e2dd
```
#46e2dd rgb(70,226,221)
```
#3eeae5
```
#3eeae5 rgb(62,234,229)
```
#36f2ed
```
#36f2ed rgb(54,242,237)
```
#2efaf5
```
#2efaf5 rgb(46,250,245)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#9fc4c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dedbe0 Protanopia 1% of men
#e2d7f8 Deuteranopia 1% of men
#65eeff Tritanopia 0.001% of the population

Trichromacy

#a1e3e5 Protanomaly 1% of men, 0.01% of women
#a4e0f4 Deuteranomaly 6% of men, 0.4% of women
#54eff8 Tritanomaly 0.01% of the population

#36f2ed hex color

#36f2ed Color Information

#36f2ed Color Conversion

Color Schemes with #36f2ed

Alternatives to #36f2ed

#36f2ed Preview

Shades and Tints of #36f2ed

Tones of #36f2ed

Color Blindness Simulator