#45d4c5 hex color

In a RGB color space, hex #45d4c5 is composed of 27.1% red, 83.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 0% magenta, 7.1% yellow and 16.9% black. It has a hue angle of 173.7 degrees, a saturation of 62.4% and a lightness of 55.1%. #45d4c5 color hex could be obtained by blending #8affff with #00a98b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 83
- B 77
RGB color chart
- C 67
- M 0
- Y 7
- K 17
CMYK color chart

● #45d4c5 color description : Moderate cyan.

The hexadecimal color #45d4c5 has RGB values of R:69, G:212, B:197 and CMYK values of C:0.67, M:0, Y:0.07, K:0.17. Its decimal value is 4576453.

Hex triplet	45d4c5	`#45d4c5`
RGB Decimal	69, 212, 197	`rgb(69,212,197)`
RGB Percent	27.1, 83.1, 77.3	`rgb(27.1%,83.1%,77.3%)`
CMYK	67, 0, 7, 17
HSL	173.7°, 62.4, 55.1	`hsl(173.7,62.4%,55.1%)`
HSV (or HSB)	173.7°, 67.5, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.508, -41.044, -3.681
XYZ	36.073, 52.38, 61.03
xyY	0.241, 0.35, 52.38
CIE-LCH	77.508, 41.209, 185.125
CIE-LUV	77.508, -54.66, 0.81
Hunter-Lab	72.374, -37.687, 0.666
Binary	01000101, 11010100, 11000101

#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#d44554
```
#d44554 rgb(212,69,84)
```

Complementary Color

#45d47e
```
#45d47e rgb(69,212,126)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#459cd4
```
#459cd4 rgb(69,156,212)
```

Analogous Color

#d47e45
```
#d47e45 rgb(212,126,69)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#d4459c
```
#d4459c rgb(212,69,156)
```

Split Complementary Color

#d4c545
```
#d4c545 rgb(212,197,69)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#c545d4
```
#c545d4 rgb(197,69,212)
```

Triadic Color

#54d445
```
#54d445 rgb(84,212,69)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#c545d4
```
#c545d4 rgb(197,69,212)
```
#d44554
```
#d44554 rgb(212,69,84)
```

Tetradic Color

#26a699
```
#26a699 rgb(38,166,153)
```
#2bbbac
```
#2bbbac rgb(43,187,172)
```
#30cfbf
```
#30cfbf rgb(48,207,191)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#5ad9cb
```
#5ad9cb rgb(90,217,203)
```
#6eded2
```
#6eded2 rgb(110,222,210)
```
#83e2d8
```
#83e2d8 rgb(131,226,216)
```

Monochromatic Color

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

#45d4a1
```
#45d4a1 rgb(69,212,161)
```
#45d4ad
```
#45d4ad rgb(69,212,173)
```
#45d4b9
```
#45d4b9 rgb(69,212,185)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#45d4d1
```
#45d4d1 rgb(69,212,209)
```
#45cbd4
```
#45cbd4 rgb(69,203,212)
```
#45bfd4
```
#45bfd4 rgb(69,191,212)
```

Similar Colors

Text with hexadecimal color #45d4c5

This text has a font color of #45d4c5.

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

#45d4c5 background color

This paragraph has a background color of #45d4c5.

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

#45d4c5 border color

This element has a border color of #45d4c5.

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

CSS codes

.text {color:#45d4c5;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051513
```
#051513 rgb(5,21,19)
```
#092522
```
#092522 rgb(9,37,34)
```
#0c3531
```
#0c3531 rgb(12,53,49)
```
#10453f
```
#10453f rgb(16,69,63)
```
#14554e
```
#14554e rgb(20,85,78)
```
#17655d
```
#17655d rgb(23,101,93)
```
#1b756b
```
#1b756b rgb(27,117,107)
```
#1f857a
```
#1f857a rgb(31,133,122)
```
#229589
```
#229589 rgb(34,149,137)
```
#26a597
```
#26a597 rgb(38,165,151)
```
#2ab4a6
```
#2ab4a6 rgb(42,180,166)
```
#2dc4b5
```
#2dc4b5 rgb(45,196,181)
```

Shade Color Variation

#35d0c0
```
#35d0c0 rgb(53,208,192)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#55d8ca
```
#55d8ca rgb(85,216,202)
```
#65dbcf
```
#65dbcf rgb(101,219,207)
```
#75dfd4
```
#75dfd4 rgb(117,223,212)
```
#85e3d9
```
#85e3d9 rgb(133,227,217)
```
#95e6de
```
#95e6de rgb(149,230,222)
```
#a5eae3
```
#a5eae3 rgb(165,234,227)
```
#b5eee8
```
#b5eee8 rgb(181,238,232)
```
#c4f1ed
```
#c4f1ed rgb(196,241,237)
```
#d4f5f2
```
#d4f5f2 rgb(212,245,242)
```
#e4f9f7
```
#e4f9f7 rgb(228,249,247)
```
#f4fdfc
```
#f4fdfc rgb(244,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e8d is the less saturated color, while #22f7e1 is the most saturated one.

#8b8e8d
```
#8b8e8d rgb(139,142,141)
```
#839694
```
#839694 rgb(131,150,148)
```
#7a9f9b
```
#7a9f9b rgb(122,159,155)
```
#71a8a2
```
#71a8a2 rgb(113,168,162)
```
#68b1a9
```
#68b1a9 rgb(104,177,169)
```
#5fbab0
```
#5fbab0 rgb(95,186,176)
```
#57c2b7
```
#57c2b7 rgb(87,194,183)
```
#4ecbbe
```
#4ecbbe rgb(78,203,190)
```
#45d4c5
```
#45d4c5 rgb(69,212,197)
```
#3cddcc
```
#3cddcc rgb(60,221,204)
```
#33e6d3
```
#33e6d3 rgb(51,230,211)
```
#2beeda
```
#2beeda rgb(43,238,218)
```
#22f7e1
```
#22f7e1 rgb(34,247,225)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#94b1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c1bd Protanopia 1% of men
#cebdd0 Deuteranopia 1% of men
#5ed2e1 Tritanopia 0.001% of the population

Trichromacy

#97c8c0 Protanomaly 1% of men, 0.01% of women
#9cc5cc Deuteranomaly 6% of men, 0.4% of women
#55d2d7 Tritanomaly 0.01% of the population

#45d4c5 hex color

#45d4c5 Color Information

#45d4c5 Color Conversion

Color Schemes with #45d4c5

Alternatives to #45d4c5

#45d4c5 Preview

Shades and Tints of #45d4c5

Tones of #45d4c5

Color Blindness Simulator