#45c2b1 hex color

In a RGB color space, hex #45c2b1 is composed of 27.1% red, 76.1% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 8.8% yellow and 23.9% black. It has a hue angle of 171.8 degrees, a saturation of 50.6% and a lightness of 51.6%. #45c2b1 color hex could be obtained by blending #8affff with #008563. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 76
- B 69
RGB color chart
- C 64
- M 0
- Y 9
- K 24
CMYK color chart

● #45c2b1 color description : Moderate cyan.

The hexadecimal color #45c2b1 has RGB values of R:69, G:194, B:177 and CMYK values of C:0.64, M:0, Y:0.09, K:0.24. Its decimal value is 4571825.

Hex triplet	45c2b1	`#45c2b1`
RGB Decimal	69, 194, 177	`rgb(69,194,177)`
RGB Percent	27.1, 76.1, 69.4	`rgb(27.1%,76.1%,69.4%)`
CMYK	64, 0, 9, 24
HSL	171.8°, 50.6, 51.6	`hsl(171.8,50.6%,51.6%)`
HSV (or HSB)	171.8°, 64.4, 76.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.569, -38.237, -1.584
XYZ	29.679, 43.021, 48.332
xyY	0.245, 0.355, 43.021
CIE-LCH	71.569, 38.27, 182.373
CIE-LUV	71.569, -49.367, 3.582
Hunter-Lab	65.59, -34.012, 2.223
Binary	01000101, 11000010, 10110001

#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#c24556
```
#c24556 rgb(194,69,86)
```

Complementary Color

#45c273
```
#45c273 rgb(69,194,115)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#4595c2
```
#4595c2 rgb(69,149,194)
```

Analogous Color

#c27345
```
#c27345 rgb(194,115,69)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#c24595
```
#c24595 rgb(194,69,149)
```

Split Complementary Color

#c2b145
```
#c2b145 rgb(194,177,69)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#b145c2
```
#b145c2 rgb(177,69,194)
```

Triadic Color

#56c245
```
#56c245 rgb(86,194,69)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#b145c2
```
#b145c2 rgb(177,69,194)
```
#c24556
```
#c24556 rgb(194,69,86)
```

Tetradic Color

#2e8c80
```
#2e8c80 rgb(46,140,128)
```
#34a091
```
#34a091 rgb(52,160,145)
```
#3bb3a3
```
#3bb3a3 rgb(59,179,163)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#58c8b9
```
#58c8b9 rgb(88,200,185)
```
#6bcfc1
```
#6bcfc1 rgb(107,207,193)
```
#7fd5c9
```
#7fd5c9 rgb(127,213,201)
```

Monochromatic Color

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

#45c292
```
#45c292 rgb(69,194,146)
```
#45c29c
```
#45c29c rgb(69,194,156)
```
#45c2a7
```
#45c2a7 rgb(69,194,167)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#45c2bb
```
#45c2bb rgb(69,194,187)
```
#45bec2
```
#45bec2 rgb(69,190,194)
```
#45b4c2
```
#45b4c2 rgb(69,180,194)
```

Similar Colors

Text with hexadecimal color #45c2b1

This text has a font color of #45c2b1.

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

#45c2b1 background color

This paragraph has a background color of #45c2b1.

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

#45c2b1 border color

This element has a border color of #45c2b1.

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

CSS codes

.text {color:#45c2b1;}

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

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

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, #020605 is the darkest color, while #f6fcfb is the lightest one.

#020605
```
#020605 rgb(2,6,5)
```
#071513
```
#071513 rgb(7,21,19)
```
#0c2420
```
#0c2420 rgb(12,36,32)
```
#11322e
```
#11322e rgb(17,50,46)
```
#15413b
```
#15413b rgb(21,65,59)
```
#1a5049
```
#1a5049 rgb(26,80,73)
```
#1f5f56
```
#1f5f56 rgb(31,95,86)
```
#246d63
```
#246d63 rgb(36,109,99)
```
#297c71
```
#297c71 rgb(41,124,113)
```
#2e8b7e
```
#2e8b7e rgb(46,139,126)
```
#329a8c
```
#329a8c rgb(50,154,140)
```
#37a999
```
#37a999 rgb(55,169,153)
```
#3cb7a7
```
#3cb7a7 rgb(60,183,167)
```

Shade Color Variation

#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#54c7b7
```
#54c7b7 rgb(84,199,183)
```
#63ccbd
```
#63ccbd rgb(99,204,189)
```
#71d1c4
```
#71d1c4 rgb(113,209,196)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#8fdad0
```
#8fdad0 rgb(143,218,208)
```
#9edfd6
```
#9edfd6 rgb(158,223,214)
```
#ace4dc
```
#ace4dc rgb(172,228,220)
```
#bbe9e3
```
#bbe9e3 rgb(187,233,227)
```
#caeee9
```
#caeee9 rgb(202,238,233)
```
#d9f2ef
```
#d9f2ef rgb(217,242,239)
```
#e7f7f5
```
#e7f7f5 rgb(231,247,245)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8988 is the less saturated color, while #0cfbda is the most saturated one.

#7e8988
```
#7e8988 rgb(126,137,136)
```
#75938e
```
#75938e rgb(117,147,142)
```
#6b9c95
```
#6b9c95 rgb(107,156,149)
```
#62a69c
```
#62a69c rgb(98,166,156)
```
#58afa3
```
#58afa3 rgb(88,175,163)
```
#4fb9aa
```
#4fb9aa rgb(79,185,170)
```
#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#3cccb8
```
#3cccb8 rgb(60,204,184)
```
#32d5bf
```
#32d5bf rgb(50,213,191)
```
#29dfc6
```
#29dfc6 rgb(41,223,198)
```
#1fe8cd
```
#1fe8cd rgb(31,232,205)
```
#16f2d4
```
#16f2d4 rgb(22,242,212)
```
#0cfbda
```
#0cfbda rgb(12,251,218)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b2ab Protanopia 1% of men
#bfaebd Deuteranopia 1% of men
#5dc1cf Tritanopia 0.001% of the population

Trichromacy

#8eb8ad Protanomaly 1% of men, 0.01% of women
#92b5b8 Deuteranomaly 6% of men, 0.4% of women
#54c1c4 Tritanomaly 0.01% of the population

#45c2b1 hex color

#45c2b1 Color Information

#45c2b1 Color Conversion

Color Schemes with #45c2b1

Alternatives to #45c2b1

#45c2b1 Preview

Shades and Tints of #45c2b1

Tones of #45c2b1

Color Blindness Simulator