#45d0b4 hex color

In a RGB color space, hex #45d0b4 is composed of 27.1% red, 81.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 0% magenta, 13.5% yellow and 18.4% black. It has a hue angle of 167.9 degrees, a saturation of 59.7% and a lightness of 54.3%. #45d0b4 color hex could be obtained by blending #8affff with #00a169. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 82
- B 71
RGB color chart
- C 67
- M 0
- Y 13
- K 18
CMYK color chart

● #45d0b4 color description : Moderate cyan.

The hexadecimal color #45d0b4 has RGB values of R:69, G:208, B:180 and CMYK values of C:0.67, M:0, Y:0.13, K:0.18. Its decimal value is 4575412.

Hex triplet	45d0b4	`#45d0b4`
RGB Decimal	69, 208, 180	`rgb(69,208,180)`
RGB Percent	27.1, 81.6, 70.6	`rgb(27.1%,81.6%,70.6%)`
CMYK	67, 0, 13, 18
HSL	167.9°, 59.7, 54.3	`hsl(167.9,59.7%,54.3%)`
HSV (or HSB)	167.9°, 66.8, 81.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.866, -43.682, 3.054
XYZ	33.246, 49.669, 51.013
xyY	0.248, 0.371, 49.669
CIE-LCH	75.866, 43.789, 176
CIE-LUV	75.866, -54.295, 11.492
Hunter-Lab	70.476, -39.131, 6.418
Binary	01000101, 11010000, 10110100

#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#d04561
```
#d04561 rgb(208,69,97)
```

Complementary Color

#45d06f
```
#45d06f rgb(69,208,111)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#45a7d0
```
#45a7d0 rgb(69,167,208)
```

Analogous Color

#d06f45
```
#d06f45 rgb(208,111,69)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#d045a7
```
#d045a7 rgb(208,69,167)
```

Split Complementary Color

#d0b445
```
#d0b445 rgb(208,180,69)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#b445d0
```
#b445d0 rgb(180,69,208)
```

Triadic Color

#61d045
```
#61d045 rgb(97,208,69)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#b445d0
```
#b445d0 rgb(180,69,208)
```
#d04561
```
#d04561 rgb(208,69,97)
```

Tetradic Color

#28a088
```
#28a088 rgb(40,160,136)
```
#2eb499
```
#2eb499 rgb(46,180,153)
```
#33c9ab
```
#33c9ab rgb(51,201,171)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#59d5bc
```
#59d5bc rgb(89,213,188)
```
#6edac4
```
#6edac4 rgb(110,218,196)
```
#82dfcd
```
#82dfcd rgb(130,223,205)
```

Monochromatic Color

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

#45d091
```
#45d091 rgb(69,208,145)
```
#45d09d
```
#45d09d rgb(69,208,157)
```
#45d0a8
```
#45d0a8 rgb(69,208,168)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#45d0c0
```
#45d0c0 rgb(69,208,192)
```
#45d0cb
```
#45d0cb rgb(69,208,203)
```
#45c9d0
```
#45c9d0 rgb(69,201,208)
```

Similar Colors

Text with hexadecimal color #45d0b4

This text has a font color of #45d0b4.

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

#45d0b4 background color

This paragraph has a background color of #45d0b4.

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

#45d0b4 border color

This element has a border color of #45d0b4.

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

CSS codes

.text {color:#45d0b4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#04120f
```
#04120f rgb(4,18,15)
```
#08211c
```
#08211c rgb(8,33,28)
```
#0c312a
```
#0c312a rgb(12,49,42)
```
#104137
```
#104137 rgb(16,65,55)
```
#145044
```
#145044 rgb(20,80,68)
```
#186051
```
#186051 rgb(24,96,81)
```
#1c705f
```
#1c705f rgb(28,112,95)
```
#207f6c
```
#207f6c rgb(32,127,108)
```
#248f79
```
#248f79 rgb(36,143,121)
```
#289e87
```
#289e87 rgb(40,158,135)
```
#2cae94
```
#2cae94 rgb(44,174,148)
```
#30bea1
```
#30bea1 rgb(48,190,161)
```

Shade Color Variation

#35ccae
```
#35ccae rgb(53,204,174)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#55d4ba
```
#55d4ba rgb(85,212,186)
```
#64d8c1
```
#64d8c1 rgb(100,216,193)
```
#74dcc7
```
#74dcc7 rgb(116,220,199)
```
#84e0cd
```
#84e0cd rgb(132,224,205)
```
#93e4d4
```
#93e4d4 rgb(147,228,212)
```
#a3e8da
```
#a3e8da rgb(163,232,218)
```
#b3ece0
```
#b3ece0 rgb(179,236,224)
```
#c2f0e7
```
#c2f0e7 rgb(194,240,231)
```
#d2f4ed
```
#d2f4ed rgb(210,244,237)
```
#e2f8f3
```
#e2f8f3 rgb(226,248,243)
```
#f1fcf9
```
#f1fcf9 rgb(241,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84918f is the less saturated color, while #18fdcf is the most saturated one.

#84918f
```
#84918f rgb(132,145,143)
```
#7b9a94
```
#7b9a94 rgb(123,154,148)
```
#72a399
```
#72a399 rgb(114,163,153)
```
#69ac9f
```
#69ac9f rgb(105,172,159)
```
#60b5a4
```
#60b5a4 rgb(96,181,164)
```
#57bea9
```
#57bea9 rgb(87,190,169)
```
#4ec7af
```
#4ec7af rgb(78,199,175)
```
#45d0b4
```
#45d0b4 rgb(69,208,180)
```
#3cd9b9
```
#3cd9b9 rgb(60,217,185)
```
#33e2bf
```
#33e2bf rgb(51,226,191)
```
#2aebc4
```
#2aebc4 rgb(42,235,196)
```
#21f4c9
```
#21f4c9 rgb(33,244,201)
```
#18fdcf
```
#18fdcf rgb(24,253,207)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#90aca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bdad Protanopia 1% of men
#ceb8c0 Deuteranopia 1% of men
#62cddc Tritanopia 0.001% of the population

Trichromacy

#96c4af Protanomaly 1% of men, 0.01% of women
#9cc1bc Deuteranomaly 6% of men, 0.4% of women
#57cecd Tritanomaly 0.01% of the population

#45d0b4 hex color

#45d0b4 Color Information

#45d0b4 Color Conversion

Color Schemes with #45d0b4

Alternatives to #45d0b4

#45d0b4 Preview

Shades and Tints of #45d0b4

Tones of #45d0b4

Color Blindness Simulator