#45c8b9 hex color

In a RGB color space, hex #45c8b9 is composed of 27.1% red, 78.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 0% magenta, 7.5% yellow and 21.6% black. It has a hue angle of 173.1 degrees, a saturation of 54.4% and a lightness of 52.7%. #45c8b9 color hex could be obtained by blending #8affff with #009173. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 78
- B 73
RGB color chart
- C 66
- M 0
- Y 8
- K 22
CMYK color chart

● #45c8b9 color description : Moderate cyan.

The hexadecimal color #45c8b9 has RGB values of R:69, G:200, B:185 and CMYK values of C:0.66, M:0, Y:0.08, K:0.22. Its decimal value is 4573369.

Hex triplet	45c8b9	`#45c8b9`
RGB Decimal	69, 200, 185	`rgb(69,200,185)`
RGB Percent	27.1, 78.4, 72.5	`rgb(27.1%,78.4%,72.5%)`
CMYK	66, 0, 8, 22
HSL	173.1°, 54.4, 52.7	`hsl(173.1,54.4%,52.7%)`
HSV (or HSB)	173.1°, 65.5, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.593, -38.841, -2.964
XYZ	31.863, 46.074, 53.11
xyY	0.243, 0.352, 46.074
CIE-LCH	73.593, 38.954, 184.364
CIE-LUV	73.593, -51.076, 1.573
Hunter-Lab	67.878, -34.996, 1.123
Binary	01000101, 11001000, 10111001

#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#c84554
```
#c84554 rgb(200,69,84)
```

Complementary Color

#45c878
```
#45c878 rgb(69,200,120)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#4596c8
```
#4596c8 rgb(69,150,200)
```

Analogous Color

#c87845
```
#c87845 rgb(200,120,69)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#c84596
```
#c84596 rgb(200,69,150)
```

Split Complementary Color

#c8b945
```
#c8b945 rgb(200,185,69)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#b945c8
```
#b945c8 rgb(185,69,200)
```

Triadic Color

#54c845
```
#54c845 rgb(84,200,69)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#b945c8
```
#b945c8 rgb(185,69,200)
```
#c84554
```
#c84554 rgb(200,69,84)
```

Tetradic Color

#2c9589
```
#2c9589 rgb(44,149,137)
```
#32a89b
```
#32a89b rgb(50,168,155)
```
#38bcad
```
#38bcad rgb(56,188,173)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#59cec0
```
#59cec0 rgb(89,206,192)
```
#6cd4c8
```
#6cd4c8 rgb(108,212,200)
```
#80d9cf
```
#80d9cf rgb(128,217,207)
```

Monochromatic Color

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

#45c898
```
#45c898 rgb(69,200,152)
```
#45c8a3
```
#45c8a3 rgb(69,200,163)
```
#45c8ae
```
#45c8ae rgb(69,200,174)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#45c8c4
```
#45c8c4 rgb(69,200,196)
```
#45c1c8
```
#45c1c8 rgb(69,193,200)
```
#45b6c8
```
#45b6c8 rgb(69,182,200)
```

Similar Colors

Text with hexadecimal color #45c8b9

This text has a font color of #45c8b9.

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

#45c8b9 background color

This paragraph has a background color of #45c8b9.

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

#45c8b9 border color

This element has a border color of #45c8b9.

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

CSS codes

.text {color:#45c8b9;}

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

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

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, #030b0a is the darkest color, while #fbfefd is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#081a18
```
#081a18 rgb(8,26,24)
```
#0c2926
```
#0c2926 rgb(12,41,38)
```
#113834
```
#113834 rgb(17,56,52)
```
#154742
```
#154742 rgb(21,71,66)
```
#1a5650
```
#1a5650 rgb(26,86,80)
```
#1e665d
```
#1e665d rgb(30,102,93)
```
#23756b
```
#23756b rgb(35,117,107)
```
#278479
```
#278479 rgb(39,132,121)
```
#2b9387
```
#2b9387 rgb(43,147,135)
```
#30a295
```
#30a295 rgb(48,162,149)
```
#34b1a3
```
#34b1a3 rgb(52,177,163)
```
#39c0b1
```
#39c0b1 rgb(57,192,177)
```

Shade Color Variation

#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#54ccbf
```
#54ccbf rgb(84,204,191)
```
#63d1c4
```
#63d1c4 rgb(99,209,196)
```
#72d5ca
```
#72d5ca rgb(114,213,202)
```
#82dad0
```
#82dad0 rgb(130,218,208)
```
#91ded5
```
#91ded5 rgb(145,222,213)
```
#a0e3db
```
#a0e3db rgb(160,227,219)
```
#afe7e1
```
#afe7e1 rgb(175,231,225)
```
#beece7
```
#beece7 rgb(190,236,231)
```
#cdf0ec
```
#cdf0ec rgb(205,240,236)
```
#dcf5f2
```
#dcf5f2 rgb(220,245,242)
```
#ecf9f8
```
#ecf9f8 rgb(236,249,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#868787
```
#868787 rgb(134,135,135)
```
#7d908e
```
#7d908e rgb(125,144,142)
```
#739a95
```
#739a95 rgb(115,154,149)
```
#6aa39c
```
#6aa39c rgb(106,163,156)
```
#61aca4
```
#61aca4 rgb(97,172,164)
```
#58b5ab
```
#58b5ab rgb(88,181,171)
```
#4ebfb2
```
#4ebfb2 rgb(78,191,178)
```
#45c8b9
```
#45c8b9 rgb(69,200,185)
```
#3cd1c0
```
#3cd1c0 rgb(60,209,192)
```
#32dbc7
```
#32dbc7 rgb(50,219,199)
```
#29e4ce
```
#29e4ce rgb(41,228,206)
```
#20edd6
```
#20edd6 rgb(32,237,214)
```
#17f6dd
```
#17f6dd rgb(23,246,221)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da7a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb7b2 Protanopia 1% of men
#c3b3c4 Deuteranopia 1% of men
#5dc7d5 Tritanopia 0.001% of the population

Trichromacy

#91bdb4 Protanomaly 1% of men, 0.01% of women
#95bbc0 Deuteranomaly 6% of men, 0.4% of women
#54c7cb Tritanomaly 0.01% of the population

#45c8b9 hex color

#45c8b9 Color Information

#45c8b9 Color Conversion

Color Schemes with #45c8b9

Alternatives to #45c8b9

#45c8b9 Preview

Shades and Tints of #45c8b9

Tones of #45c8b9

Color Blindness Simulator