#45c6b1 hex color

In a RGB color space, hex #45c6b1 is composed of 27.1% red, 77.6% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 10.6% yellow and 22.4% black. It has a hue angle of 170.2 degrees, a saturation of 53.1% and a lightness of 52.4%. #45c6b1 color hex could be obtained by blending #8affff with #008d63. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 78
- B 69
RGB color chart
- C 65
- M 0
- Y 11
- K 22
CMYK color chart

● #45c6b1 color description : Moderate cyan.

The hexadecimal color #45c6b1 has RGB values of R:69, G:198, B:177 and CMYK values of C:0.65, M:0, Y:0.11, K:0.22. Its decimal value is 4572849.

Hex triplet	45c6b1	`#45c6b1`
RGB Decimal	69, 198, 177	`rgb(69,198,177)`
RGB Percent	27.1, 77.6, 69.4	`rgb(27.1%,77.6%,69.4%)`
CMYK	65, 0, 11, 22
HSL	170.2°, 53.1, 52.4	`hsl(170.2,53.1%,52.4%)`
HSV (or HSB)	170.2°, 65.2, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.777, -40.039, 0.182
XYZ	30.582, 44.825, 48.633
xyY	0.247, 0.361, 44.825
CIE-LCH	72.777, 40.04, 179.74
CIE-LUV	72.777, -50.836, 6.548
Hunter-Lab	66.951, -35.631, 3.798
Binary	01000101, 11000110, 10110001

#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#c6455a
```
#c6455a rgb(198,69,90)
```

Complementary Color

#45c671
```
#45c671 rgb(69,198,113)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#459bc6
```
#459bc6 rgb(69,155,198)
```

Analogous Color

#c67145
```
#c67145 rgb(198,113,69)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#c6459b
```
#c6459b rgb(198,69,155)
```

Split Complementary Color

#c6b145
```
#c6b145 rgb(198,177,69)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#b145c6
```
#b145c6 rgb(177,69,198)
```

Triadic Color

#5ac645
```
#5ac645 rgb(90,198,69)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#b145c6
```
#b145c6 rgb(177,69,198)
```
#c6455a
```
#c6455a rgb(198,69,90)
```

Tetradic Color

#2d9281
```
#2d9281 rgb(45,146,129)
```
#33a593
```
#33a593 rgb(51,165,147)
```
#39b9a4
```
#39b9a4 rgb(57,185,164)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#59ccb9
```
#59ccb9 rgb(89,204,185)
```
#6cd2c1
```
#6cd2c1 rgb(108,210,193)
```
#80d8ca
```
#80d8ca rgb(128,216,202)
```

Monochromatic Color

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

#45c691
```
#45c691 rgb(69,198,145)
```
#45c69c
```
#45c69c rgb(69,198,156)
```
#45c6a6
```
#45c6a6 rgb(69,198,166)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#45c6bc
```
#45c6bc rgb(69,198,188)
```
#45c6c6
```
#45c6c6 rgb(69,198,198)
```
#45bbc6
```
#45bbc6 rgb(69,187,198)
```

Similar Colors

Text with hexadecimal color #45c6b1

This text has a font color of #45c6b1.

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

#45c6b1 background color

This paragraph has a background color of #45c6b1.

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

#45c6b1 border color

This element has a border color of #45c6b1.

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

CSS codes

.text {color:#45c6b1;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#071815
```
#071815 rgb(7,24,21)
```
#0c2723
```
#0c2723 rgb(12,39,35)
```
#113630
```
#113630 rgb(17,54,48)
```
#15453d
```
#15453d rgb(21,69,61)
```
#1a544b
```
#1a544b rgb(26,84,75)
```
#1e6358
```
#1e6358 rgb(30,99,88)
```
#237265
```
#237265 rgb(35,114,101)
```
#288173
```
#288173 rgb(40,129,115)
```
#2c9080
```
#2c9080 rgb(44,144,128)
```
#319f8d
```
#319f8d rgb(49,159,141)
```
#35ae9b
```
#35ae9b rgb(53,174,155)
```
#3abda8
```
#3abda8 rgb(58,189,168)
```

Shade Color Variation

#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#54cbb7
```
#54cbb7 rgb(84,203,183)
```
#63cfbe
```
#63cfbe rgb(99,207,190)
```
#72d4c4
```
#72d4c4 rgb(114,212,196)
```
#81d8ca
```
#81d8ca rgb(129,216,202)
```
#90ddd0
```
#90ddd0 rgb(144,221,208)
```
#9fe2d7
```
#9fe2d7 rgb(159,226,215)
```
#aee6dd
```
#aee6dd rgb(174,230,221)
```
#bdebe3
```
#bdebe3 rgb(189,235,227)
```
#ccefea
```
#ccefea rgb(204,239,234)
```
#dbf4f0
```
#dbf4f0 rgb(219,244,240)
```
#eaf9f6
```
#eaf9f6 rgb(234,249,246)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#7d8e8b
```
#7d8e8b rgb(125,142,139)
```
#749791
```
#749791 rgb(116,151,145)
```
#6aa198
```
#6aa198 rgb(106,161,152)
```
#61aa9e
```
#61aa9e rgb(97,170,158)
```
#58b3a4
```
#58b3a4 rgb(88,179,164)
```
#4ebdab
```
#4ebdab rgb(78,189,171)
```
#45c6b1
```
#45c6b1 rgb(69,198,177)
```
#3ccfb7
```
#3ccfb7 rgb(60,207,183)
```
#32d9be
```
#32d9be rgb(50,217,190)
```
#29e2c4
```
#29e2c4 rgb(41,226,196)
```
#20ebca
```
#20ebca rgb(32,235,202)
```
#16f5d1
```
#16f5d1 rgb(22,245,209)
```
#0dfed7
```
#0dfed7 rgb(13,254,215)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb5ab Protanopia 1% of men
#c4b1bd Deuteranopia 1% of men
#5fc4d2 Tritanopia 0.001% of the population

Trichromacy

#90bbad Protanomaly 1% of men, 0.01% of women
#95b8b8 Deuteranomaly 6% of men, 0.4% of women
#55c5c6 Tritanomaly 0.01% of the population

#45c6b1 hex color

#45c6b1 Color Information

#45c6b1 Color Conversion

Color Schemes with #45c6b1

Alternatives to #45c6b1

#45c6b1 Preview

Shades and Tints of #45c6b1

Tones of #45c6b1

Color Blindness Simulator