#45c8cd hex color

In a RGB color space, hex #45c8cd is composed of 27.1% red, 78.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 2.4% magenta, 0% yellow and 19.6% black. It has a hue angle of 182.2 degrees, a saturation of 57.6% and a lightness of 53.7%. #45c8cd color hex could be obtained by blending #8affff with #00919b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 78
- B 80
RGB color chart
- C 66
- M 2
- Y 0
- K 20
CMYK color chart

● #45c8cd color description : Moderate cyan.

The hexadecimal color #45c8cd has RGB values of R:69, G:200, B:205 and CMYK values of C:0.66, M:0.02, Y:0, K:0.2. Its decimal value is 4573389.

Hex triplet	45c8cd	`#45c8cd`
RGB Decimal	69, 200, 205	`rgb(69,200,205)`
RGB Percent	27.1, 78.4, 80.4	`rgb(27.1%,78.4%,80.4%)`
CMYK	66, 2, 0, 20
HSL	182.2°, 57.6, 53.7	`hsl(182.2,57.6%,53.7%)`
HSV (or HSB)	182.2°, 66.3, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.176, -33.32, -12.947
XYZ	34.125, 46.979, 65.024
xyY	0.234, 0.321, 46.979
CIE-LCH	74.176, 35.747, 201.234
CIE-LUV	74.176, -49.83, -15.034
Hunter-Lab	68.541, -31.076, -8.269
Binary	01000101, 11001000, 11001101

#45c8cd
```
#45c8cd rgb(69,200,205)
```
#cd4a45
```
#cd4a45 rgb(205,74,69)
```

Complementary Color

#45cd8e
```
#45cd8e rgb(69,205,142)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#4584cd
```
#4584cd rgb(69,132,205)
```

Analogous Color

#cd8e45
```
#cd8e45 rgb(205,142,69)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#cd4584
```
#cd4584 rgb(205,69,132)
```

Split Complementary Color

#c8cd45
```
#c8cd45 rgb(200,205,69)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#cd45c8
```
#cd45c8 rgb(205,69,200)
```

Triadic Color

#45cd4a
```
#45cd4a rgb(69,205,74)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#cd45c8
```
#cd45c8 rgb(205,69,200)
```
#cd4a45
```
#cd4a45 rgb(205,74,69)
```

Tetradic Color

#2a979c
```
#2a979c rgb(42,151,156)
```
#2fabb0
```
#2fabb0 rgb(47,171,176)
```
#35bfc4
```
#35bfc4 rgb(53,191,196)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#59ced2
```
#59ced2 rgb(89,206,210)
```
#6dd4d8
```
#6dd4d8 rgb(109,212,216)
```
#81dadd
```
#81dadd rgb(129,218,221)
```

Monochromatic Color

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

#45cdb0
```
#45cdb0 rgb(69,205,176)
```
#45cdbb
```
#45cdbb rgb(69,205,187)
```
#45cdc7
```
#45cdc7 rgb(69,205,199)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#45bdcd
```
#45bdcd rgb(69,189,205)
```
#45b1cd
```
#45b1cd rgb(69,177,205)
```
#45a6cd
```
#45a6cd rgb(69,166,205)
```

Similar Colors

Text with hexadecimal color #45c8cd

This text has a font color of #45c8cd.

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

#45c8cd background color

This paragraph has a background color of #45c8cd.

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

#45c8cd border color

This element has a border color of #45c8cd.

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

CSS codes

.text {color:#45c8cd;}

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

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

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, #040f0f is the darkest color, while #ffffff is the lightest one.

#040f0f
```
#040f0f rgb(4,15,15)
```
#081e1e
```
#081e1e rgb(8,30,30)
```
#0c2d2e
```
#0c2d2e rgb(12,45,46)
```
#103c3d
```
#103c3d rgb(16,60,61)
```
#154b4d
```
#154b4d rgb(21,75,77)
```
#195a5c
```
#195a5c rgb(25,90,92)
```
#1d696c
```
#1d696c rgb(29,105,108)
```
#21787b
```
#21787b rgb(33,120,123)
```
#25878b
```
#25878b rgb(37,135,139)
```
#29969a
```
#29969a rgb(41,150,154)
```
#2ea5aa
```
#2ea5aa rgb(46,165,170)
```
#32b4b9
```
#32b4b9 rgb(50,180,185)
```
#36c3c8
```
#36c3c8 rgb(54,195,200)
```

Shade Color Variation

#45c8cd
```
#45c8cd rgb(69,200,205)
```
#54cdd1
```
#54cdd1 rgb(84,205,209)
```
#64d1d5
```
#64d1d5 rgb(100,209,213)
```
#73d6d9
```
#73d6d9 rgb(115,214,217)
```
#83dade
```
#83dade rgb(131,218,222)
```
#92dfe2
```
#92dfe2 rgb(146,223,226)
```
#a2e3e6
```
#a2e3e6 rgb(162,227,230)
```
#b1e8ea
```
#b1e8ea rgb(177,232,234)
```
#c1edee
```
#c1edee rgb(193,237,238)
```
#d0f1f2
```
#d0f1f2 rgb(208,241,242)
```
#e0f6f7
```
#e0f6f7 rgb(224,246,247)
```
#effafb
```
#effafb rgb(239,250,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#858d8d
```
#858d8d rgb(133,141,141)
```
#7b9697
```
#7b9697 rgb(123,150,151)
```
#729ea0
```
#729ea0 rgb(114,158,160)
```
#69a6a9
```
#69a6a9 rgb(105,166,169)
```
#60afb2
```
#60afb2 rgb(96,175,178)
```
#57b7bb
```
#57b7bb rgb(87,183,187)
```
#4ec0c4
```
#4ec0c4 rgb(78,192,196)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#3cd0d6
```
#3cd0d6 rgb(60,208,214)
```
#33d9df
```
#33d9df rgb(51,217,223)
```
#2ae1e8
```
#2ae1e8 rgb(42,225,232)
```
#21eaf1
```
#21eaf1 rgb(33,234,241)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fa9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b9c5 Protanopia 1% of men
#bcb6d7 Deuteranopia 1% of men
#54c9d8 Tritanopia 0.001% of the population

Trichromacy

#8fbec8 Protanomaly 1% of men, 0.01% of women
#91bcd3 Deuteranomaly 6% of men, 0.4% of women
#4ec8d4 Tritanomaly 0.01% of the population

#45c8cd hex color

#45c8cd Color Information

#45c8cd Color Conversion

Color Schemes with #45c8cd

Alternatives to #45c8cd

#45c8cd Preview

Shades and Tints of #45c8cd

Tones of #45c8cd

Color Blindness Simulator