#45ccb6 hex color

In a RGB color space, hex #45ccb6 is composed of 27.1% red, 80% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 10.8% yellow and 20% black. It has a hue angle of 170.2 degrees, a saturation of 57% and a lightness of 53.5%. #45ccb6 color hex could be obtained by blending #8affff with #00996d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 80
- B 71
RGB color chart
- C 66
- M 0
- Y 11
- K 20
CMYK color chart

● #45ccb6 color description : Moderate cyan.

The hexadecimal color #45ccb6 has RGB values of R:69, G:204, B:182 and CMYK values of C:0.66, M:0, Y:0.11, K:0.2. Its decimal value is 4574390.

Hex triplet	45ccb6	`#45ccb6`
RGB Decimal	69, 204, 182	`rgb(69,204,182)`
RGB Percent	27.1, 80, 71.4	`rgb(27.1%,80%,71.4%)`
CMYK	66, 0, 11, 20
HSL	170.2°, 57, 53.5	`hsl(170.2,57%,53.5%)`
HSV (or HSB)	170.2°, 66.2, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.715, -41.418, 0.302
XYZ	32.488, 47.825, 51.772
xyY	0.246, 0.362, 47.825
CIE-LCH	74.715, 41.419, 179.582
CIE-LUV	74.715, -52.719, 6.972
Hunter-Lab	69.156, -37.168, 4.023
Binary	01000101, 11001100, 10110110

#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#cc455b
```
#cc455b rgb(204,69,91)
```

Complementary Color

#45cc73
```
#45cc73 rgb(69,204,115)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#459fcc
```
#459fcc rgb(69,159,204)
```

Analogous Color

#cc7345
```
#cc7345 rgb(204,115,69)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#cc459f
```
#cc459f rgb(204,69,159)
```

Split Complementary Color

#ccb645
```
#ccb645 rgb(204,182,69)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#b645cc
```
#b645cc rgb(182,69,204)
```

Triadic Color

#5bcc45
```
#5bcc45 rgb(91,204,69)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#b645cc
```
#b645cc rgb(182,69,204)
```
#cc455b
```
#cc455b rgb(204,69,91)
```

Tetradic Color

#2a9a88
```
#2a9a88 rgb(42,154,136)
```
#30ae9a
```
#30ae9a rgb(48,174,154)
```
#35c2ab
```
#35c2ab rgb(53,194,171)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#59d1be
```
#59d1be rgb(89,209,190)
```
#6dd7c6
```
#6dd7c6 rgb(109,215,198)
```
#81dcce
```
#81dcce rgb(129,220,206)
```

Monochromatic Color

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

#45cc94
```
#45cc94 rgb(69,204,148)
```
#45cca0
```
#45cca0 rgb(69,204,160)
```
#45ccab
```
#45ccab rgb(69,204,171)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#45ccc1
```
#45ccc1 rgb(69,204,193)
```
#45cccc
```
#45cccc rgb(69,204,204)
```
#45c0cc
```
#45c0cc rgb(69,192,204)
```

Similar Colors

Text with hexadecimal color #45ccb6

This text has a font color of #45ccb6.

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

#45ccb6 background color

This paragraph has a background color of #45ccb6.

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

#45ccb6 border color

This element has a border color of #45ccb6.

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

CSS codes

.text {color:#45ccb6;}

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

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

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, #040e0c is the darkest color, while #feffff is the lightest one.

#040e0c
```
#040e0c rgb(4,14,12)
```
#081e1a
```
#081e1a rgb(8,30,26)
```
#0c2d28
```
#0c2d28 rgb(12,45,40)
```
#113c35
```
#113c35 rgb(17,60,53)
```
#154c43
```
#154c43 rgb(21,76,67)
```
#195b50
```
#195b50 rgb(25,91,80)
```
#1d6a5e
```
#1d6a5e rgb(29,106,94)
```
#217a6b
```
#217a6b rgb(33,122,107)
```
#268979
```
#268979 rgb(38,137,121)
```
#2a9987
```
#2a9987 rgb(42,153,135)
```
#2ea894
```
#2ea894 rgb(46,168,148)
```
#32b7a2
```
#32b7a2 rgb(50,183,162)
```
#37c7af
```
#37c7af rgb(55,199,175)
```

Shade Color Variation

#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#54d0bc
```
#54d0bc rgb(84,208,188)
```
#64d4c2
```
#64d4c2 rgb(100,212,194)
```
#73d9c8
```
#73d9c8 rgb(115,217,200)
```
#83ddce
```
#83ddce rgb(131,221,206)
```
#92e1d4
```
#92e1d4 rgb(146,225,212)
```
#a1e5da
```
#a1e5da rgb(161,229,218)
```
#b1eae0
```
#b1eae0 rgb(177,234,224)
```
#c0eee6
```
#c0eee6 rgb(192,238,230)
```
#d0f2ec
```
#d0f2ec rgb(208,242,236)
```
#dff6f2
```
#dff6f2 rgb(223,246,242)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858c8b
```
#858c8b rgb(133,140,139)
```
#7c9591
```
#7c9591 rgb(124,149,145)
```
#739e97
```
#739e97 rgb(115,158,151)
```
#69a89d
```
#69a89d rgb(105,168,157)
```
#60b1a4
```
#60b1a4 rgb(96,177,164)
```
#57baaa
```
#57baaa rgb(87,186,170)
```
#4ec3b0
```
#4ec3b0 rgb(78,195,176)
```
#45ccb6
```
#45ccb6 rgb(69,204,182)
```
#3cd5bc
```
#3cd5bc rgb(60,213,188)
```
#33dec2
```
#33dec2 rgb(51,222,194)
```
#2ae7c8
```
#2ae7c8 rgb(42,231,200)
```
#21f0cf
```
#21f0cf rgb(33,240,207)
```
#17fad5
```
#17fad5 rgb(23,250,213)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8faaa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1baaf Protanopia 1% of men
#c9b6c2 Deuteranopia 1% of men
#60cad8 Tritanopia 0.001% of the population

Trichromacy

#94c1b1 Protanomaly 1% of men, 0.01% of women
#99bebd Deuteranomaly 6% of men, 0.4% of women
#56cacc Tritanomaly 0.01% of the population

#45ccb6 hex color

#45ccb6 Color Information

#45ccb6 Color Conversion

Color Schemes with #45ccb6

Alternatives to #45ccb6

#45ccb6 Preview

Shades and Tints of #45ccb6

Tones of #45ccb6

Color Blindness Simulator