#45d4ee hex color

In a RGB color space, hex #45d4ee is composed of 27.1% red, 83.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 10.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 189.2 degrees, a saturation of 83.3% and a lightness of 60.2%. #45d4ee color hex could be obtained by blending #8affff with #00a9dd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 83
- B 93
RGB color chart
- C 71
- M 11
- Y 0
- K 7
CMYK color chart

● #45d4ee color description : Bright cyan.

The hexadecimal color #45d4ee has RGB values of R:69, G:212, B:238 and CMYK values of C:0.71, M:0.11, Y:0, K:0.07. Its decimal value is 4576494.

Hex triplet	45d4ee	`#45d4ee`
RGB Decimal	69, 212, 238	`rgb(69,212,238)`
RGB Percent	27.1, 83.1, 93.3	`rgb(27.1%,83.1%,93.3%)`
CMYK	71, 11, 0, 7
HSL	189.2°, 83.3, 60.2	`hsl(189.2,83.3%,60.2%)`
HSV (or HSB)	189.2°, 71, 93.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.765, -29.374, -23.769
XYZ	41.426, 54.522, 89.225
xyY	0.224, 0.294, 54.522
CIE-LCH	78.765, 37.786, 218.979
CIE-LUV	78.765, -52.015, -33.696
Hunter-Lab	73.839, -29.073, -19.957
Binary	01000101, 11010100, 11101110

#45d4ee
```
#45d4ee rgb(69,212,238)
```
#ee5f45
```
#ee5f45 rgb(238,95,69)
```

Complementary Color

#45eeb4
```
#45eeb4 rgb(69,238,180)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#4580ee
```
#4580ee rgb(69,128,238)
```

Analogous Color

#eeb445
```
#eeb445 rgb(238,180,69)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#ee4580
```
#ee4580 rgb(238,69,128)
```

Split Complementary Color

#d4ee45
```
#d4ee45 rgb(212,238,69)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#ee45d4
```
#ee45d4 rgb(238,69,212)
```

Triadic Color

#45ee5f
```
#45ee5f rgb(69,238,95)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#ee45d4
```
#ee45d4 rgb(238,69,212)
```
#ee5f45
```
#ee5f45 rgb(238,95,69)
```

Tetradic Color

#13b6d3
```
#13b6d3 rgb(19,182,211)
```
#16c9ea
```
#16c9ea rgb(22,201,234)
```
#2ecfec
```
#2ecfec rgb(46,207,236)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#5cd9f0
```
#5cd9f0 rgb(92,217,240)
```
#74dff2
```
#74dff2 rgb(116,223,242)
```
#8be4f4
```
#8be4f4 rgb(139,228,244)
```

Monochromatic Color

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

#45eede
```
#45eede rgb(69,238,222)
```
#45eeec
```
#45eeec rgb(69,238,236)
```
#45e2ee
```
#45e2ee rgb(69,226,238)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#45c6ee
```
#45c6ee rgb(69,198,238)
```
#45b8ee
```
#45b8ee rgb(69,184,238)
```
#45aaee
```
#45aaee rgb(69,170,238)
```

Similar Colors

Text with hexadecimal color #45d4ee

This text has a font color of #45d4ee.

<span style="color:#45d4ee;">Text here</span>

#45d4ee background color

This paragraph has a background color of #45d4ee.

<p style="background-color:#45d4ee;">Content here</p>

#45d4ee border color

This element has a border color of #45d4ee.

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

CSS codes

.text {color:#45d4ee;}

.background {background-color:#45d4ee;}

.border {border:1px solid #45d4ee;}

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

#010a0c
```
#010a0c rgb(1,10,12)
```
#031a1e
```
#031a1e rgb(3,26,30)
```
#042930
```
#042930 rgb(4,41,48)
```
#063842
```
#063842 rgb(6,56,66)
```
#084854
```
#084854 rgb(8,72,84)
```
#095766
```
#095766 rgb(9,87,102)
```
#0b6778
```
#0b6778 rgb(11,103,120)
```
#0d768a
```
#0d768a rgb(13,118,138)
```
#0e869b
```
#0e869b rgb(14,134,155)
```
#1095ad
```
#1095ad rgb(16,149,173)
```
#11a5bf
```
#11a5bf rgb(17,165,191)
```
#13b4d1
```
#13b4d1 rgb(19,180,209)
```
#15c4e3
```
#15c4e3 rgb(21,196,227)
```

Shade Color Variation

#21cceb
```
#21cceb rgb(33,204,235)
```
#33d0ec
```
#33d0ec rgb(51,208,236)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#57d8f0
```
#57d8f0 rgb(87,216,240)
```
#69dcf1
```
#69dcf1 rgb(105,220,241)
```
#7be0f3
```
#7be0f3 rgb(123,224,243)
```
#8de5f5
```
#8de5f5 rgb(141,229,245)
```
#9fe9f6
```
#9fe9f6 rgb(159,233,246)
```
#b1edf8
```
#b1edf8 rgb(177,237,248)
```
#c3f1f9
```
#c3f1f9 rgb(195,241,249)
```
#d5f5fb
```
#d5f5fb rgb(213,245,251)
```
#e7f9fd
```
#e7f9fd rgb(231,249,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#939ea0
```
#939ea0 rgb(147,158,160)
```
#8ba3a8
```
#8ba3a8 rgb(139,163,168)
```
#83a9b0
```
#83a9b0 rgb(131,169,176)
```
#7caeb7
```
#7caeb7 rgb(124,174,183)
```
#74b4bf
```
#74b4bf rgb(116,180,191)
```
#6cb9c7
```
#6cb9c7 rgb(108,185,199)
```
#64becf
```
#64becf rgb(100,190,207)
```
#5cc4d7
```
#5cc4d7 rgb(92,196,215)
```
#55c9de
```
#55c9de rgb(85,201,222)
```
#4dcfe6
```
#4dcfe6 rgb(77,207,230)
```
#45d4ee
```
#45d4ee rgb(69,212,238)
```
#3dd9f6
```
#3dd9f6 rgb(61,217,246)
```
#35dffe
```
#35dffe rgb(53,223,254)
```

Tone Color Variation

Below, you can see how #45d4ee 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

#acacac Achromatopsia 0.005% of the population
#97b4b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc4e3 Protanopia 1% of men
#bdc2f6 Deuteranopia 1% of men
#48d7e7 Tritanopia 0.001% of the population

Trichromacy

#93cae7 Protanomaly 1% of men, 0.01% of women
#91c8f3 Deuteranomaly 6% of men, 0.4% of women
#47d6e9 Tritanomaly 0.01% of the population

#45d4ee hex color

#45d4ee Color Information

#45d4ee Color Conversion

Color Schemes with #45d4ee

Alternatives to #45d4ee

#45d4ee Preview

Shades and Tints of #45d4ee

Tones of #45d4ee

Color Blindness Simulator