#45cdc4 hex color

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

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

● #45cdc4 color description : Moderate cyan.

The hexadecimal color #45cdc4 has RGB values of R:69, G:205, B:196 and CMYK values of C:0.66, M:0, Y:0.04, K:0.2. Its decimal value is 4574660.

Hex triplet	45cdc4	`#45cdc4`
RGB Decimal	69, 205, 196	`rgb(69,205,196)`
RGB Percent	27.1, 80.4, 76.9	`rgb(27.1%,80.4%,76.9%)`
CMYK	66, 0, 4, 20
HSL	176°, 57.6, 53.7	`hsl(176,57.6%,53.7%)`
HSV (or HSB)	176°, 66.3, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.396, -38.155, -6.26
XYZ	34.246, 48.91, 59.857
xyY	0.239, 0.342, 48.91
CIE-LCH	75.396, 38.665, 189.317
CIE-LUV	75.396, -52.203, -3.665
Hunter-Lab	69.936, -34.98, -1.79
Binary	01000101, 11001101, 11000100

#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#cd454e
```
#cd454e rgb(205,69,78)
```

Complementary Color

#45cd80
```
#45cd80 rgb(69,205,128)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#4592cd
```
#4592cd rgb(69,146,205)
```

Analogous Color

#cd8045
```
#cd8045 rgb(205,128,69)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#cd4592
```
#cd4592 rgb(205,69,146)
```

Split Complementary Color

#cdc445
```
#cdc445 rgb(205,196,69)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#c445cd
```
#c445cd rgb(196,69,205)
```

Triadic Color

#4ecd45
```
#4ecd45 rgb(78,205,69)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#c445cd
```
#c445cd rgb(196,69,205)
```
#cd454e
```
#cd454e rgb(205,69,78)
```

Tetradic Color

#2a9c94
```
#2a9c94 rgb(42,156,148)
```
#2fb0a7
```
#2fb0a7 rgb(47,176,167)
```
#35c4ba
```
#35c4ba rgb(53,196,186)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#59d2ca
```
#59d2ca rgb(89,210,202)
```
#6dd8d1
```
#6dd8d1 rgb(109,216,209)
```
#81ddd7
```
#81ddd7 rgb(129,221,215)
```

Monochromatic Color

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

#45cda2
```
#45cda2 rgb(69,205,162)
```
#45cdad
```
#45cdad rgb(69,205,173)
```
#45cdb9
```
#45cdb9 rgb(69,205,185)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#45cbcd
```
#45cbcd rgb(69,203,205)
```
#45bfcd
```
#45bfcd rgb(69,191,205)
```
#45b4cd
```
#45b4cd rgb(69,180,205)
```

Similar Colors

Text with hexadecimal color #45cdc4

This text has a font color of #45cdc4.

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

#45cdc4 background color

This paragraph has a background color of #45cdc4.

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

#45cdc4 border color

This element has a border color of #45cdc4.

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

CSS codes

.text {color:#45cdc4;}

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

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

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

#040f0e
```
#040f0e rgb(4,15,14)
```
#081e1d
```
#081e1d rgb(8,30,29)
```
#0c2e2c
```
#0c2e2c rgb(12,46,44)
```
#103d3a
```
#103d3a rgb(16,61,58)
```
#154d49
```
#154d49 rgb(21,77,73)
```
#195c58
```
#195c58 rgb(25,92,88)
```
#1d6c67
```
#1d6c67 rgb(29,108,103)
```
#217b75
```
#217b75 rgb(33,123,117)
```
#258b84
```
#258b84 rgb(37,139,132)
```
#299a93
```
#299a93 rgb(41,154,147)
```
#2eaaa1
```
#2eaaa1 rgb(46,170,161)
```
#32b9b0
```
#32b9b0 rgb(50,185,176)
```
#36c8bf
```
#36c8bf rgb(54,200,191)
```

Shade Color Variation

#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#54d1c9
```
#54d1c9 rgb(84,209,201)
```
#64d5ce
```
#64d5ce rgb(100,213,206)
```
#73d9d3
```
#73d9d3 rgb(115,217,211)
```
#83ded8
```
#83ded8 rgb(131,222,216)
```
#92e2dd
```
#92e2dd rgb(146,226,221)
```
#a2e6e1
```
#a2e6e1 rgb(162,230,225)
```
#b1eae6
```
#b1eae6 rgb(177,234,230)
```
#c1eeeb
```
#c1eeeb rgb(193,238,235)
```
#d0f2f0
```
#d0f2f0 rgb(208,242,240)
```
#e0f7f5
```
#e0f7f5 rgb(224,247,245)
```
#effbfa
```
#effbfa rgb(239,251,250)
```
#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 #18faeb is the most saturated one.

#858d8d
```
#858d8d rgb(133,141,141)
```
#7b9795
```
#7b9795 rgb(123,151,149)
```
#72a09d
```
#72a09d rgb(114,160,157)
```
#69a9a4
```
#69a9a4 rgb(105,169,164)
```
#60b2ac
```
#60b2ac rgb(96,178,172)
```
#57bbb4
```
#57bbb4 rgb(87,187,180)
```
#4ec4bc
```
#4ec4bc rgb(78,196,188)
```
#45cdc4
```
#45cdc4 rgb(69,205,196)
```
#3cd6cc
```
#3cd6cc rgb(60,214,204)
```
#33dfd4
```
#33dfd4 rgb(51,223,212)
```
#2ae8dc
```
#2ae8dc rgb(42,232,220)
```
#21f1e4
```
#21f1e4 rgb(33,241,228)
```
#18faeb
```
#18faeb rgb(24,250,235)
```

Tone Color Variation

Below, you can see how #45cdc4 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
#90abaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bcbc Protanopia 1% of men
#c6b8cf Deuteranopia 1% of men
#5bccdb Tritanopia 0.001% of the population

Trichromacy

#93c2bf Protanomaly 1% of men, 0.01% of women
#97bfcb Deuteranomaly 6% of men, 0.4% of women
#53ccd2 Tritanomaly 0.01% of the population

#45cdc4 hex color

#45cdc4 Color Information

#45cdc4 Color Conversion

Color Schemes with #45cdc4

Alternatives to #45cdc4

#45cdc4 Preview

Shades and Tints of #45cdc4

Tones of #45cdc4

Color Blindness Simulator