#45b8a9 hex color

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

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

● #45b8a9 color description : Moderate cyan.

The hexadecimal color #45b8a9 has RGB values of R:69, G:184, B:169 and CMYK values of C:0.63, M:0, Y:0.08, K:0.28. Its decimal value is 4569257.

Hex triplet	45b8a9	`#45b8a9`
RGB Decimal	69, 184, 169	`rgb(69,184,169)`
RGB Percent	27.1, 72.2, 66.3	`rgb(27.1%,72.2%,66.3%)`
CMYK	63, 0, 8, 28
HSL	172.2°, 45.5, 49.6	`hsl(172.2,45.5%,49.6%)`
HSV (or HSB)	172.2°, 62.5, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.321, -35.769, -1.963
XYZ	26.754, 38.409, 43.538
xyY	0.246, 0.353, 38.409
CIE-LCH	68.321, 35.823, 183.142
CIE-LUV	68.321, -46.133, 2.609
Hunter-Lab	61.975, -31.399, 1.731
Binary	01000101, 10111000, 10101001

#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#b84554
```
#b84554 rgb(184,69,84)
```

Complementary Color

#45b870
```
#45b870 rgb(69,184,112)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#458eb8
```
#458eb8 rgb(69,142,184)
```

Analogous Color

#b87045
```
#b87045 rgb(184,112,69)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#b8458e
```
#b8458e rgb(184,69,142)
```

Split Complementary Color

#b8a945
```
#b8a945 rgb(184,169,69)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#a945b8
```
#a945b8 rgb(169,69,184)
```

Triadic Color

#54b845
```
#54b845 rgb(84,184,69)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#a945b8
```
#a945b8 rgb(169,69,184)
```
#b84554
```
#b84554 rgb(184,69,84)
```

Tetradic Color

#308076
```
#308076 rgb(48,128,118)
```
#379387
```
#379387 rgb(55,147,135)
```
#3ea598
```
#3ea598 rgb(62,165,152)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#57c0b2
```
#57c0b2 rgb(87,192,178)
```
#69c7bb
```
#69c7bb rgb(105,199,187)
```
#7ccec3
```
#7ccec3 rgb(124,206,195)
```

Monochromatic Color

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

#45b88c
```
#45b88c rgb(69,184,140)
```
#45b896
```
#45b896 rgb(69,184,150)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#45b8b3
```
#45b8b3 rgb(69,184,179)
```
#45b4b8
```
#45b4b8 rgb(69,180,184)
```
#45aab8
```
#45aab8 rgb(69,170,184)
```

Similar Colors

Text with hexadecimal color #45b8a9

This text has a font color of #45b8a9.

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

#45b8a9 background color

This paragraph has a background color of #45b8a9.

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

#45b8a9 border color

This element has a border color of #45b8a9.

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

CSS codes

.text {color:#45b8a9;}

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

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

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

#050d0c
```
#050d0c rgb(5,13,12)
```
#0a1b19
```
#0a1b19 rgb(10,27,25)
```
#102926
```
#102926 rgb(16,41,38)
```
#153833
```
#153833 rgb(21,56,51)
```
#1a4640
```
#1a4640 rgb(26,70,64)
```
#20544d
```
#20544d rgb(32,84,77)
```
#25625a
```
#25625a rgb(37,98,90)
```
#2a7167
```
#2a7167 rgb(42,113,103)
```
#307f75
```
#307f75 rgb(48,127,117)
```
#358d82
```
#358d82 rgb(53,141,130)
```
#3a9b8f
```
#3a9b8f rgb(58,155,143)
```
#40aa9c
```
#40aa9c rgb(64,170,156)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```

Shade Color Variation

#52beb0
```
#52beb0 rgb(82,190,176)
```
#61c4b7
```
#61c4b7 rgb(97,196,183)
```
#6fc9bd
```
#6fc9bd rgb(111,201,189)
```
#7dcec4
```
#7dcec4 rgb(125,206,196)
```
#8bd4ca
```
#8bd4ca rgb(139,212,202)
```
#9ad9d1
```
#9ad9d1 rgb(154,217,209)
```
#a8ded7
```
#a8ded7 rgb(168,222,215)
```
#b6e4de
```
#b6e4de rgb(182,228,222)
```
#c4e9e4
```
#c4e9e4 rgb(196,233,228)
```
#d3eeeb
```
#d3eeeb rgb(211,238,235)
```
#e1f4f1
```
#e1f4f1 rgb(225,244,241)
```
#eff9f8
```
#eff9f8 rgb(239,249,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#768785
```
#768785 rgb(118,135,133)
```
#6c918c
```
#6c918c rgb(108,145,140)
```
#629b93
```
#629b93 rgb(98,155,147)
```
#58a59b
```
#58a59b rgb(88,165,155)
```
#4faea2
```
#4faea2 rgb(79,174,162)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```
#3bc2b0
```
#3bc2b0 rgb(59,194,176)
```
#32cbb7
```
#32cbb7 rgb(50,203,183)
```
#28d5bf
```
#28d5bf rgb(40,213,191)
```
#1edfc6
```
#1edfc6 rgb(30,223,198)
```
#14e9cd
```
#14e9cd rgb(20,233,205)
```
#0bf2d4
```
#0bf2d4 rgb(11,242,212)
```
#01fcdb
```
#01fcdb rgb(1,252,219)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#849b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa4 Protanopia 1% of men
#b6a6b5 Deuteranopia 1% of men
#5bb8c5 Tritanopia 0.001% of the population

Trichromacy

#88afa6 Protanomaly 1% of men, 0.01% of women
#8dacb0 Deuteranomaly 6% of men, 0.4% of women
#53b8bb Tritanomaly 0.01% of the population

#45b8a9 hex color

#45b8a9 Color Information

#45b8a9 Color Conversion

Color Schemes with #45b8a9

Alternatives to #45b8a9

#45b8a9 Preview

Shades and Tints of #45b8a9

Tones of #45b8a9

Color Blindness Simulator