#45b89e hex color

In a RGB color space, hex #45b89e is composed of 27.1% red, 72.2% green and 62% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 14.1% yellow and 27.8% black. It has a hue angle of 166.4 degrees, a saturation of 45.5% and a lightness of 49.6%. #45b89e color hex could be obtained by blending #8affff with #00713d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 72
- B 62
RGB color chart
- C 63
- M 0
- Y 14
- K 28
CMYK color chart

● #45b89e color description : Moderate cyan.

The hexadecimal color #45b89e has RGB values of R:69, G:184, B:158 and CMYK values of C:0.63, M:0, Y:0.14, K:0.28. Its decimal value is 4569246.

Hex triplet	45b89e	`#45b89e`
RGB Decimal	69, 184, 158	`rgb(69,184,158)`
RGB Percent	27.1, 72.2, 62	`rgb(27.1%,72.2%,62%)`
CMYK	63, 0, 14, 28
HSL	166.4°, 45.5, 49.6	`hsl(166.4,45.5%,49.6%)`
HSV (or HSB)	166.4°, 62.5, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.03, -38.607, 3.667
XYZ	25.764, 38.013, 38.325
xyY	0.252, 0.372, 38.013
CIE-LCH	68.03, 38.781, 174.574
CIE-LUV	68.03, -46.766, 11.394
Hunter-Lab	61.654, -33.303, 6.303
Binary	01000101, 10111000, 10011110

#45b89e
```
#45b89e rgb(69,184,158)
```
#b8455f
```
#b8455f rgb(184,69,95)
```

Complementary Color

#45b865
```
#45b865 rgb(69,184,101)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#4599b8
```
#4599b8 rgb(69,153,184)
```

Analogous Color

#b86545
```
#b86545 rgb(184,101,69)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#b84599
```
#b84599 rgb(184,69,153)
```

Split Complementary Color

#b89e45
```
#b89e45 rgb(184,158,69)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#9e45b8
```
#9e45b8 rgb(158,69,184)
```

Triadic Color

#5fb845
```
#5fb845 rgb(95,184,69)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#9e45b8
```
#9e45b8 rgb(158,69,184)
```
#b8455f
```
#b8455f rgb(184,69,95)
```

Tetradic Color

#30806e
```
#30806e rgb(48,128,110)
```
#37937e
```
#37937e rgb(55,147,126)
```
#3ea58e
```
#3ea58e rgb(62,165,142)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#57c0a8
```
#57c0a8 rgb(87,192,168)
```
#69c7b2
```
#69c7b2 rgb(105,199,178)
```
#7ccebb
```
#7ccebb rgb(124,206,187)
```

Monochromatic Color

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

#45b881
```
#45b881 rgb(69,184,129)
```
#45b88b
```
#45b88b rgb(69,184,139)
```
#45b894
```
#45b894 rgb(69,184,148)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#45b8a8
```
#45b8a8 rgb(69,184,168)
```
#45b8b1
```
#45b8b1 rgb(69,184,177)
```
#45b5b8
```
#45b5b8 rgb(69,181,184)
```

Similar Colors

Text with hexadecimal color #45b89e

This text has a font color of #45b89e.

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

#45b89e background color

This paragraph has a background color of #45b89e.

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

#45b89e border color

This element has a border color of #45b89e.

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

CSS codes

.text {color:#45b89e;}

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

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

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, #050d0b is the darkest color, while #fefefe is the lightest one.

#050d0b
```
#050d0b rgb(5,13,11)
```
#0a1b17
```
#0a1b17 rgb(10,27,23)
```
#102924
```
#102924 rgb(16,41,36)
```
#153830
```
#153830 rgb(21,56,48)
```
#1a463c
```
#1a463c rgb(26,70,60)
```
#205448
```
#205448 rgb(32,84,72)
```
#256255
```
#256255 rgb(37,98,85)
```
#2a7161
```
#2a7161 rgb(42,113,97)
```
#307f6d
```
#307f6d rgb(48,127,109)
```
#358d79
```
#358d79 rgb(53,141,121)
```
#3a9b86
```
#3a9b86 rgb(58,155,134)
```
#40aa92
```
#40aa92 rgb(64,170,146)
```
#45b89e
```
#45b89e rgb(69,184,158)
```

Shade Color Variation

#52bea6
```
#52bea6 rgb(82,190,166)
```
#61c4ad
```
#61c4ad rgb(97,196,173)
```
#6fc9b5
```
#6fc9b5 rgb(111,201,181)
```
#7dcebc
```
#7dcebc rgb(125,206,188)
```
#8bd4c3
```
#8bd4c3 rgb(139,212,195)
```
#9ad9cb
```
#9ad9cb rgb(154,217,203)
```
#a8ded2
```
#a8ded2 rgb(168,222,210)
```
#b6e4d9
```
#b6e4d9 rgb(182,228,217)
```
#c4e9e1
```
#c4e9e1 rgb(196,233,225)
```
#d3eee8
```
#d3eee8 rgb(211,238,232)
```
#e1f4f0
```
#e1f4f0 rgb(225,244,240)
```
#eff9f7
```
#eff9f7 rgb(239,249,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#768783
```
#768783 rgb(118,135,131)
```
#6c9189
```
#6c9189 rgb(108,145,137)
```
#629b8e
```
#629b8e rgb(98,155,142)
```
#58a593
```
#58a593 rgb(88,165,147)
```
#4fae99
```
#4fae99 rgb(79,174,153)
```
#45b89e
```
#45b89e rgb(69,184,158)
```
#3bc2a3
```
#3bc2a3 rgb(59,194,163)
```
#32cba9
```
#32cba9 rgb(50,203,169)
```
#28d5ae
```
#28d5ae rgb(40,213,174)
```
#1edfb3
```
#1edfb3 rgb(30,223,179)
```
#14e9b9
```
#14e9b9 rgb(20,233,185)
```
#0bf2be
```
#0bf2be rgb(11,242,190)
```
#01fcc3
```
#01fcc3 rgb(1,252,195)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#839a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a99a Protanopia 1% of men
#b9a5aa Deuteranopia 1% of men
#5eb6c4 Tritanopia 0.001% of the population

Trichromacy

#89af9b Protanomaly 1% of men, 0.01% of women
#8faca6 Deuteranomaly 6% of men, 0.4% of women
#55b7b6 Tritanomaly 0.01% of the population

#45b89e hex color

#45b89e Color Information

#45b89e Color Conversion

Color Schemes with #45b89e

Alternatives to #45b89e

#45b89e Preview

Shades and Tints of #45b89e

Tones of #45b89e

Color Blindness Simulator