#45c6b4 hex color

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

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

● #45c6b4 color description : Moderate cyan.

The hexadecimal color #45c6b4 has RGB values of R:69, G:198, B:180 and CMYK values of C:0.65, M:0, Y:0.09, K:0.22. Its decimal value is 4572852.

Hex triplet	45c6b4	`#45c6b4`
RGB Decimal	69, 198, 180	`rgb(69,198,180)`
RGB Percent	27.1, 77.6, 70.6	`rgb(27.1%,77.6%,70.6%)`
CMYK	65, 0, 9, 22
HSL	171.6°, 53.1, 52.4	`hsl(171.6,53.1%,52.4%)`
HSV (or HSB)	171.6°, 65.2, 77.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.856, -39.258, -1.331
XYZ	30.884, 44.946, 50.225
xyY	0.245, 0.357, 44.946
CIE-LCH	72.856, 39.28, 181.942
CIE-LUV	72.856, -50.653, 4.134
Hunter-Lab	67.042, -35.094, 2.511
Binary	01000101, 11000110, 10110100

#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#c64557
```
#c64557 rgb(198,69,87)
```

Complementary Color

#45c674
```
#45c674 rgb(69,198,116)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#4598c6
```
#4598c6 rgb(69,152,198)
```

Analogous Color

#c67445
```
#c67445 rgb(198,116,69)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#c64598
```
#c64598 rgb(198,69,152)
```

Split Complementary Color

#c6b445
```
#c6b445 rgb(198,180,69)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#b445c6
```
#b445c6 rgb(180,69,198)
```

Triadic Color

#57c645
```
#57c645 rgb(87,198,69)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#b445c6
```
#b445c6 rgb(180,69,198)
```
#c64557
```
#c64557 rgb(198,69,87)
```

Tetradic Color

#2d9284
```
#2d9284 rgb(45,146,132)
```
#33a595
```
#33a595 rgb(51,165,149)
```
#39b9a7
```
#39b9a7 rgb(57,185,167)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#59ccbc
```
#59ccbc rgb(89,204,188)
```
#6cd2c4
```
#6cd2c4 rgb(108,210,196)
```
#80d8cc
```
#80d8cc rgb(128,216,204)
```

Monochromatic Color

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

#45c694
```
#45c694 rgb(69,198,148)
```
#45c69f
```
#45c69f rgb(69,198,159)
```
#45c6a9
```
#45c6a9 rgb(69,198,169)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#45c6bf
```
#45c6bf rgb(69,198,191)
```
#45c3c6
```
#45c3c6 rgb(69,195,198)
```
#45b8c6
```
#45b8c6 rgb(69,184,198)
```

Similar Colors

Text with hexadecimal color #45c6b4

This text has a font color of #45c6b4.

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

#45c6b4 background color

This paragraph has a background color of #45c6b4.

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

#45c6b4 border color

This element has a border color of #45c6b4.

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

CSS codes

.text {color:#45c6b4;}

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

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

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)
```
#071816
```
#071816 rgb(7,24,22)
```
#0c2723
```
#0c2723 rgb(12,39,35)
```
#113631
```
#113631 rgb(17,54,49)
```
#15453f
```
#15453f rgb(21,69,63)
```
#1a544c
```
#1a544c rgb(26,84,76)
```
#1e635a
```
#1e635a rgb(30,99,90)
```
#237267
```
#237267 rgb(35,114,103)
```
#288175
```
#288175 rgb(40,129,117)
```
#2c9082
```
#2c9082 rgb(44,144,130)
```
#319f90
```
#319f90 rgb(49,159,144)
```
#35ae9d
```
#35ae9d rgb(53,174,157)
```
#3abdab
```
#3abdab rgb(58,189,171)
```

Shade Color Variation

#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#54cbba
```
#54cbba rgb(84,203,186)
```
#63cfc0
```
#63cfc0 rgb(99,207,192)
```
#72d4c6
```
#72d4c6 rgb(114,212,198)
```
#81d8cc
```
#81d8cc rgb(129,216,204)
```
#90ddd2
```
#90ddd2 rgb(144,221,210)
```
#9fe2d8
```
#9fe2d8 rgb(159,226,216)
```
#aee6de
```
#aee6de rgb(174,230,222)
```
#bdebe4
```
#bdebe4 rgb(189,235,228)
```
#ccefea
```
#ccefea rgb(204,239,234)
```
#dbf4f1
```
#dbf4f1 rgb(219,244,241)
```
#eaf9f7
```
#eaf9f7 rgb(234,249,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#7d8e8c
```
#7d8e8c rgb(125,142,140)
```
#749792
```
#749792 rgb(116,151,146)
```
#6aa199
```
#6aa199 rgb(106,161,153)
```
#61aaa0
```
#61aaa0 rgb(97,170,160)
```
#58b3a7
```
#58b3a7 rgb(88,179,167)
```
#4ebdad
```
#4ebdad rgb(78,189,173)
```
#45c6b4
```
#45c6b4 rgb(69,198,180)
```
#3ccfbb
```
#3ccfbb rgb(60,207,187)
```
#32d9c1
```
#32d9c1 rgb(50,217,193)
```
#29e2c8
```
#29e2c8 rgb(41,226,200)
```
#20ebcf
```
#20ebcf rgb(32,235,207)
```
#16f5d6
```
#16f5d6 rgb(22,245,214)
```
#0dfedc
```
#0dfedc rgb(13,254,220)
```

Tone Color Variation

Below, you can see how #45c6b4 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
#8ba5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb6ae Protanopia 1% of men
#c3b1c0 Deuteranopia 1% of men
#5dc4d3 Tritanopia 0.001% of the population

Trichromacy

#90bbb0 Protanomaly 1% of men, 0.01% of women
#95b9bb Deuteranomaly 6% of men, 0.4% of women
#54c5c7 Tritanomaly 0.01% of the population

#45c6b4 hex color

#45c6b4 Color Information

#45c6b4 Color Conversion

Color Schemes with #45c6b4

Alternatives to #45c6b4

#45c6b4 Preview

Shades and Tints of #45c6b4

Tones of #45c6b4

Color Blindness Simulator