#45c8b6 hex color

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

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

● #45c8b6 color description : Moderate cyan.

The hexadecimal color #45c8b6 has RGB values of R:69, G:200, B:182 and CMYK values of C:0.66, M:0, Y:0.09, K:0.22. Its decimal value is 4573366.

Hex triplet	45c8b6	`#45c8b6`
RGB Decimal	69, 200, 182	`rgb(69,200,182)`
RGB Percent	27.1, 78.4, 71.4	`rgb(27.1%,78.4%,71.4%)`
CMYK	66, 0, 9, 22
HSL	171.8°, 54.4, 52.7	`hsl(171.8,54.4%,52.7%)`
HSV (or HSB)	171.8°, 65.5, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.512, -39.633, -1.456
XYZ	31.549, 45.948, 51.46
xyY	0.245, 0.356, 45.948
CIE-LCH	73.512, 39.66, 182.104
CIE-LUV	73.512, -51.261, 4.007
Hunter-Lab	67.785, -35.545, 2.439
Binary	01000101, 11001000, 10110110

#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#c84557
```
#c84557 rgb(200,69,87)
```

Complementary Color

#45c875
```
#45c875 rgb(69,200,117)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#4599c8
```
#4599c8 rgb(69,153,200)
```

Analogous Color

#c87545
```
#c87545 rgb(200,117,69)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#c84599
```
#c84599 rgb(200,69,153)
```

Split Complementary Color

#c8b645
```
#c8b645 rgb(200,182,69)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#b645c8
```
#b645c8 rgb(182,69,200)
```

Triadic Color

#57c845
```
#57c845 rgb(87,200,69)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#b645c8
```
#b645c8 rgb(182,69,200)
```
#c84557
```
#c84557 rgb(200,69,87)
```

Tetradic Color

#2c9586
```
#2c9586 rgb(44,149,134)
```
#32a898
```
#32a898 rgb(50,168,152)
```
#38bcaa
```
#38bcaa rgb(56,188,170)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#59cebe
```
#59cebe rgb(89,206,190)
```
#6cd4c5
```
#6cd4c5 rgb(108,212,197)
```
#80d9cd
```
#80d9cd rgb(128,217,205)
```

Monochromatic Color

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

#45c895
```
#45c895 rgb(69,200,149)
```
#45c8a0
```
#45c8a0 rgb(69,200,160)
```
#45c8ab
```
#45c8ab rgb(69,200,171)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#45c8c1
```
#45c8c1 rgb(69,200,193)
```
#45c4c8
```
#45c4c8 rgb(69,196,200)
```
#45b9c8
```
#45b9c8 rgb(69,185,200)
```

Similar Colors

Text with hexadecimal color #45c8b6

This text has a font color of #45c8b6.

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

#45c8b6 background color

This paragraph has a background color of #45c8b6.

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

#45c8b6 border color

This element has a border color of #45c8b6.

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

CSS codes

.text {color:#45c8b6;}

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

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

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)
```
#081a17
```
#081a17 rgb(8,26,23)
```
#0c2925
```
#0c2925 rgb(12,41,37)
```
#113833
```
#113833 rgb(17,56,51)
```
#154740
```
#154740 rgb(21,71,64)
```
#1a564e
```
#1a564e rgb(26,86,78)
```
#1e665c
```
#1e665c rgb(30,102,92)
```
#237569
```
#237569 rgb(35,117,105)
```
#278477
```
#278477 rgb(39,132,119)
```
#2b9385
```
#2b9385 rgb(43,147,133)
```
#30a292
```
#30a292 rgb(48,162,146)
```
#34b1a0
```
#34b1a0 rgb(52,177,160)
```
#39c0ae
```
#39c0ae rgb(57,192,174)
```

Shade Color Variation

#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#54ccbc
```
#54ccbc rgb(84,204,188)
```
#63d1c2
```
#63d1c2 rgb(99,209,194)
```
#72d5c8
```
#72d5c8 rgb(114,213,200)
```
#82dace
```
#82dace rgb(130,218,206)
```
#91ded4
```
#91ded4 rgb(145,222,212)
```
#a0e3da
```
#a0e3da rgb(160,227,218)
```
#afe7e0
```
#afe7e0 rgb(175,231,224)
```
#beece6
```
#beece6 rgb(190,236,230)
```
#cdf0eb
```
#cdf0eb rgb(205,240,235)
```
#dcf5f1
```
#dcf5f1 rgb(220,245,241)
```
#ecf9f7
```
#ecf9f7 rgb(236,249,247)
```
#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 #17f6d8 is the most saturated one.

#868787
```
#868787 rgb(134,135,135)
```
#7d908e
```
#7d908e rgb(125,144,142)
```
#739a94
```
#739a94 rgb(115,154,148)
```
#6aa39b
```
#6aa39b rgb(106,163,155)
```
#61aca2
```
#61aca2 rgb(97,172,162)
```
#58b5a9
```
#58b5a9 rgb(88,181,169)
```
#4ebfaf
```
#4ebfaf rgb(78,191,175)
```
#45c8b6
```
#45c8b6 rgb(69,200,182)
```
#3cd1bd
```
#3cd1bd rgb(60,209,189)
```
#32dbc3
```
#32dbc3 rgb(50,219,195)
```
#29e4ca
```
#29e4ca rgb(41,228,202)
```
#20edd1
```
#20edd1 rgb(32,237,209)
```
#17f6d8
```
#17f6d8 rgb(23,246,216)
```

Tone Color Variation

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

#bdb7af Protanopia 1% of men
#c4b3c2 Deuteranopia 1% of men
#5ec6d5 Tritanopia 0.001% of the population

Trichromacy

#91bdb2 Protanomaly 1% of men, 0.01% of women
#96babd Deuteranomaly 6% of men, 0.4% of women
#55c7c9 Tritanomaly 0.01% of the population

#45c8b6 hex color

#45c8b6 Color Information

#45c8b6 Color Conversion

Color Schemes with #45c8b6

Alternatives to #45c8b6

#45c8b6 Preview

Shades and Tints of #45c8b6

Tones of #45c8b6

Color Blindness Simulator