#45b89f hex color

In a RGB color space, hex #45b89f is composed of 27.1% red, 72.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 13.6% yellow and 27.8% black. It has a hue angle of 167 degrees, a saturation of 45.5% and a lightness of 49.6%. #45b89f color hex could be obtained by blending #8affff with #00713f. 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

● #45b89f color description : Moderate cyan.

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

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

CIE-LAB	68.055, -38.356, 3.154
XYZ	25.851, 38.047, 38.78
xyY	0.252, 0.371, 38.047
CIE-LCH	68.055, 38.485, 175.299
CIE-LUV	68.055, -46.709, 10.608
Hunter-Lab	61.682, -33.136, 5.901
Binary	01000101, 10111000, 10011111

#45b89f
```
#45b89f rgb(69,184,159)
```
#b8455e
```
#b8455e rgb(184,69,94)
```

Complementary Color

#45b866
```
#45b866 rgb(69,184,102)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#4598b8
```
#4598b8 rgb(69,152,184)
```

Analogous Color

#b86645
```
#b86645 rgb(184,102,69)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#b84598
```
#b84598 rgb(184,69,152)
```

Split Complementary Color

#b89f45
```
#b89f45 rgb(184,159,69)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#9f45b8
```
#9f45b8 rgb(159,69,184)
```

Triadic Color

#5eb845
```
#5eb845 rgb(94,184,69)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#9f45b8
```
#9f45b8 rgb(159,69,184)
```
#b8455e
```
#b8455e rgb(184,69,94)
```

Tetradic Color

#30806f
```
#30806f rgb(48,128,111)
```
#37937f
```
#37937f rgb(55,147,127)
```
#3ea58f
```
#3ea58f rgb(62,165,143)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#57c0a9
```
#57c0a9 rgb(87,192,169)
```
#69c7b2
```
#69c7b2 rgb(105,199,178)
```
#7ccebc
```
#7ccebc rgb(124,206,188)
```

Monochromatic Color

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

#45b882
```
#45b882 rgb(69,184,130)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#45b895
```
#45b895 rgb(69,184,149)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#45b8b2
```
#45b8b2 rgb(69,184,178)
```
#45b4b8
```
#45b4b8 rgb(69,180,184)
```

Similar Colors

Text with hexadecimal color #45b89f

This text has a font color of #45b89f.

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

#45b89f background color

This paragraph has a background color of #45b89f.

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

#45b89f border color

This element has a border color of #45b89f.

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

CSS codes

.text {color:#45b89f;}

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

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

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)
```
#205449
```
#205449 rgb(32,84,73)
```
#256255
```
#256255 rgb(37,98,85)
```
#2a7161
```
#2a7161 rgb(42,113,97)
```
#307f6e
```
#307f6e rgb(48,127,110)
```
#358d7a
```
#358d7a rgb(53,141,122)
```
#3a9b86
```
#3a9b86 rgb(58,155,134)
```
#40aa93
```
#40aa93 rgb(64,170,147)
```
#45b89f
```
#45b89f rgb(69,184,159)
```

Shade Color Variation

#52bea7
```
#52bea7 rgb(82,190,167)
```
#61c4ae
```
#61c4ae rgb(97,196,174)
```
#6fc9b5
```
#6fc9b5 rgb(111,201,181)
```
#7dcebd
```
#7dcebd rgb(125,206,189)
```
#8bd4c4
```
#8bd4c4 rgb(139,212,196)
```
#9ad9cb
```
#9ad9cb rgb(154,217,203)
```
#a8ded3
```
#a8ded3 rgb(168,222,211)
```
#b6e4da
```
#b6e4da rgb(182,228,218)
```
#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, #768784 is the less saturated color, while #01fcc6 is the most saturated one.

#768784
```
#768784 rgb(118,135,132)
```
#6c9189
```
#6c9189 rgb(108,145,137)
```
#629b8f
```
#629b8f rgb(98,155,143)
```
#58a594
```
#58a594 rgb(88,165,148)
```
#4fae9a
```
#4fae9a rgb(79,174,154)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#3bc2a5
```
#3bc2a5 rgb(59,194,165)
```
#32cbaa
```
#32cbaa rgb(50,203,170)
```
#28d5b0
```
#28d5b0 rgb(40,213,176)
```
#1edfb5
```
#1edfb5 rgb(30,223,181)
```
#14e9bb
```
#14e9bb rgb(20,233,187)
```
#0bf2c0
```
#0bf2c0 rgb(11,242,192)
```
#01fcc6
```
#01fcc6 rgb(1,252,198)
```

Tone Color Variation

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

#b1a99b Protanopia 1% of men
#b9a5ab Deuteranopia 1% of men
#5eb6c4 Tritanopia 0.001% of the population

Trichromacy

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

#45b89f hex color

#45b89f Color Information

#45b89f Color Conversion

Color Schemes with #45b89f

Alternatives to #45b89f

#45b89f Preview

Shades and Tints of #45b89f

Tones of #45b89f

Color Blindness Simulator