#45e4bb hex color

In a RGB color space, hex #45e4bb is composed of 27.1% red, 89.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 0% magenta, 18% yellow and 10.6% black. It has a hue angle of 164.5 degrees, a saturation of 74.6% and a lightness of 58.2%. #45e4bb color hex could be obtained by blending #8affff with #00c977. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 89
- B 73
RGB color chart
- C 70
- M 0
- Y 18
- K 11
CMYK color chart

● #45e4bb color description : Soft cyan - lime green.

The hexadecimal color #45e4bb has RGB values of R:69, G:228, B:187 and CMYK values of C:0.7, M:0, Y:0.18, K:0.11. Its decimal value is 4580539.

Hex triplet	45e4bb	`#45e4bb`
RGB Decimal	69, 228, 187	`rgb(69,228,187)`
RGB Percent	27.1, 89.4, 73.3	`rgb(27.1%,89.4%,73.3%)`
CMYK	70, 0, 18, 11
HSL	164.5°, 74.6, 58.2	`hsl(164.5,74.6%,58.2%)`
HSV (or HSB)	164.5°, 69.7, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.021, -50.437, 8.197
XYZ	39.164, 60.336, 56.593
xyY	0.251, 0.387, 60.336
CIE-LCH	82.021, 51.099, 170.769
CIE-LUV	82.021, -61.005, 20.393
Hunter-Lab	77.676, -45.935, 11.176
Binary	01000101, 11100100, 10111011

#45e4bb
```
#45e4bb rgb(69,228,187)
```
#e4456e
```
#e4456e rgb(228,69,110)
```

Complementary Color

#45e46c
```
#45e46c rgb(69,228,108)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#45bee4
```
#45bee4 rgb(69,190,228)
```

Analogous Color

#e46c45
```
#e46c45 rgb(228,108,69)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#e445be
```
#e445be rgb(228,69,190)
```

Split Complementary Color

#e4bb45
```
#e4bb45 rgb(228,187,69)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#bb45e4
```
#bb45e4 rgb(187,69,228)
```

Triadic Color

#6ee445
```
#6ee445 rgb(110,228,69)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#bb45e4
```
#bb45e4 rgb(187,69,228)
```
#e4456e
```
#e4456e rgb(228,69,110)
```

Tetradic Color

#1cc196
```
#1cc196 rgb(28,193,150)
```
#1fd7a7
```
#1fd7a7 rgb(31,215,167)
```
#2fe1b3
```
#2fe1b3 rgb(47,225,179)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#5be7c3
```
#5be7c3 rgb(91,231,195)
```
#72eacb
```
#72eacb rgb(114,234,203)
```
#88eed3
```
#88eed3 rgb(136,238,211)
```

Monochromatic Color

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

#45e493
```
#45e493 rgb(69,228,147)
```
#45e4a1
```
#45e4a1 rgb(69,228,161)
```
#45e4ae
```
#45e4ae rgb(69,228,174)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#45e4c8
```
#45e4c8 rgb(69,228,200)
```
#45e4d6
```
#45e4d6 rgb(69,228,214)
```
#45e4e3
```
#45e4e3 rgb(69,228,227)
```

Similar Colors

Text with hexadecimal color #45e4bb

This text has a font color of #45e4bb.

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

#45e4bb background color

This paragraph has a background color of #45e4bb.

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

#45e4bb border color

This element has a border color of #45e4bb.

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

CSS codes

.text {color:#45e4bb;}

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

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

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 #f0fdfa is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#03140f
```
#03140f rgb(3,20,15)
```
#05251d
```
#05251d rgb(5,37,29)
```
#08362a
```
#08362a rgb(8,54,42)
```
#0a4737
```
#0a4737 rgb(10,71,55)
```
#0d5845
```
#0d5845 rgb(13,88,69)
```
#0f6952
```
#0f6952 rgb(15,105,82)
```
#127a5f
```
#127a5f rgb(18,122,95)
```
#148b6d
```
#148b6d rgb(20,139,109)
```
#179d7a
```
#179d7a rgb(23,157,122)
```
#19ae87
```
#19ae87 rgb(25,174,135)
```
#1cbf95
```
#1cbf95 rgb(28,191,149)
```
#1ed0a2
```
#1ed0a2 rgb(30,208,162)
```

Shade Color Variation

#23dfae
```
#23dfae rgb(35,223,174)
```
#34e2b5
```
#34e2b5 rgb(52,226,181)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#56e6c1
```
#56e6c1 rgb(86,230,193)
```
#67e9c8
```
#67e9c8 rgb(103,233,200)
```
#78ebce
```
#78ebce rgb(120,235,206)
```
#8aeed4
```
#8aeed4 rgb(138,238,212)
```
#9bf0da
```
#9bf0da rgb(155,240,218)
```
#acf3e1
```
#acf3e1 rgb(172,243,225)
```
#bdf5e7
```
#bdf5e7 rgb(189,245,231)
```
#cef8ed
```
#cef8ed rgb(206,248,237)
```
#dffaf3
```
#dffaf3 rgb(223,250,243)
```
#f0fdfa
```
#f0fdfa rgb(240,253,250)
```

Tint Color Variation

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

#8f9a97
```
#8f9a97 rgb(143,154,151)
```
#87a29b
```
#87a29b rgb(135,162,155)
```
#7eab9f
```
#7eab9f rgb(126,171,159)
```
#76b3a3
```
#76b3a3 rgb(118,179,163)
```
#6ebba7
```
#6ebba7 rgb(110,187,167)
```
#66c3ab
```
#66c3ab rgb(102,195,171)
```
#5ecbaf
```
#5ecbaf rgb(94,203,175)
```
#55d4b3
```
#55d4b3 rgb(85,212,179)
```
#4ddcb7
```
#4ddcb7 rgb(77,220,183)
```
#45e4bb
```
#45e4bb rgb(69,228,187)
```
#3decbf
```
#3decbf rgb(61,236,191)
```
#35f4c3
```
#35f4c3 rgb(53,244,195)
```
#2cfdc7
```
#2cfdc7 rgb(44,253,199)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9bbab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ceb3 Protanopia 1% of men
#e3c8c8 Deuteranopia 1% of men
#6adeee Tritanopia 0.001% of the population

Trichromacy

#a2d6b6 Protanomaly 1% of men, 0.01% of women
#aad2c3 Deuteranomaly 6% of men, 0.4% of women
#5ce0db Tritanomaly 0.01% of the population

#45e4bb hex color

#45e4bb Color Information

#45e4bb Color Conversion

Color Schemes with #45e4bb

Alternatives to #45e4bb

#45e4bb Preview

Shades and Tints of #45e4bb

Tones of #45e4bb

Color Blindness Simulator