#45c1cc hex color

In a RGB color space, hex #45c1cc is composed of 27.1% red, 75.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 5.4% magenta, 0% yellow and 20% black. It has a hue angle of 184.9 degrees, a saturation of 57% and a lightness of 53.5%. #45c1cc color hex could be obtained by blending #8affff with #008399. Closest websafe color is: #33cccc.

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

● #45c1cc color description : Moderate cyan.

The hexadecimal color #45c1cc has RGB values of R:69, G:193, B:204 and CMYK values of C:0.66, M:0.05, Y:0, K:0.2. Its decimal value is 4571596.

Hex triplet	45c1cc	`#45c1cc`
RGB Decimal	69, 193, 204	`rgb(69,193,204)`
RGB Percent	27.1, 75.7, 80	`rgb(27.1%,75.7%,80%)`
CMYK	66, 5, 0, 20
HSL	184.9°, 57, 53.5	`hsl(184.9,57%,53.5%)`
HSV (or HSB)	184.9°, 66.2, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.069, -30.257, -15.57
XYZ	32.42, 43.762, 63.862
xyY	0.231, 0.312, 43.762
CIE-LCH	72.069, 34.028, 207.23
CIE-LUV	72.069, -47.359, -19.667
Hunter-Lab	66.153, -28.288, -10.93
Binary	01000101, 11000001, 11001100

#45c1cc
```
#45c1cc rgb(69,193,204)
```
#cc5045
```
#cc5045 rgb(204,80,69)
```

Complementary Color

#45cc94
```
#45cc94 rgb(69,204,148)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#457ecc
```
#457ecc rgb(69,126,204)
```

Analogous Color

#cc9445
```
#cc9445 rgb(204,148,69)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#cc457e
```
#cc457e rgb(204,69,126)
```

Split Complementary Color

#c1cc45
```
#c1cc45 rgb(193,204,69)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#cc45c1
```
#cc45c1 rgb(204,69,193)
```

Triadic Color

#45cc50
```
#45cc50 rgb(69,204,80)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#cc45c1
```
#cc45c1 rgb(204,69,193)
```
#cc5045
```
#cc5045 rgb(204,80,69)
```

Tetradic Color

#2a919a
```
#2a919a rgb(42,145,154)
```
#30a4ae
```
#30a4ae rgb(48,164,174)
```
#35b7c2
```
#35b7c2 rgb(53,183,194)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#59c8d1
```
#59c8d1 rgb(89,200,209)
```
#6dced7
```
#6dced7 rgb(109,206,215)
```
#81d5dc
```
#81d5dc rgb(129,213,220)
```

Monochromatic Color

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

#45ccb5
```
#45ccb5 rgb(69,204,181)
```
#45ccc1
```
#45ccc1 rgb(69,204,193)
```
#45cccc
```
#45cccc rgb(69,204,204)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#45b6cc
```
#45b6cc rgb(69,182,204)
```
#45abcc
```
#45abcc rgb(69,171,204)
```
#459fcc
```
#459fcc rgb(69,159,204)
```

Similar Colors

Text with hexadecimal color #45c1cc

This text has a font color of #45c1cc.

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

#45c1cc background color

This paragraph has a background color of #45c1cc.

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

#45c1cc border color

This element has a border color of #45c1cc.

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

CSS codes

.text {color:#45c1cc;}

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

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

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

#040d0e
```
#040d0e rgb(4,13,14)
```
#081c1e
```
#081c1e rgb(8,28,30)
```
#0c2a2d
```
#0c2a2d rgb(12,42,45)
```
#11393c
```
#11393c rgb(17,57,60)
```
#15474c
```
#15474c rgb(21,71,76)
```
#19565b
```
#19565b rgb(25,86,91)
```
#1d646a
```
#1d646a rgb(29,100,106)
```
#21737a
```
#21737a rgb(33,115,122)
```
#268189
```
#268189 rgb(38,129,137)
```
#2a9099
```
#2a9099 rgb(42,144,153)
```
#2e9ea8
```
#2e9ea8 rgb(46,158,168)
```
#32adb7
```
#32adb7 rgb(50,173,183)
```
#37bbc7
```
#37bbc7 rgb(55,187,199)
```

Shade Color Variation

#45c1cc
```
#45c1cc rgb(69,193,204)
```
#54c6d0
```
#54c6d0 rgb(84,198,208)
```
#64cbd4
```
#64cbd4 rgb(100,203,212)
```
#73d0d9
```
#73d0d9 rgb(115,208,217)
```
#83d6dd
```
#83d6dd rgb(131,214,221)
```
#92dbe1
```
#92dbe1 rgb(146,219,225)
```
#a1e0e5
```
#a1e0e5 rgb(161,224,229)
```
#b1e5ea
```
#b1e5ea rgb(177,229,234)
```
#c0eaee
```
#c0eaee rgb(192,234,238)
```
#d0eff2
```
#d0eff2 rgb(208,239,242)
```
#dff4f6
```
#dff4f6 rgb(223,244,246)
```
#eef9fa
```
#eef9fa rgb(238,249,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858c8c
```
#858c8c rgb(133,140,140)
```
#7c9395
```
#7c9395 rgb(124,147,149)
```
#739b9e
```
#739b9e rgb(115,155,158)
```
#69a2a8
```
#69a2a8 rgb(105,162,168)
```
#60aab1
```
#60aab1 rgb(96,170,177)
```
#57b2ba
```
#57b2ba rgb(87,178,186)
```
#4eb9c3
```
#4eb9c3 rgb(78,185,195)
```
#45c1cc
```
#45c1cc rgb(69,193,204)
```
#3cc9d5
```
#3cc9d5 rgb(60,201,213)
```
#33d0de
```
#33d0de rgb(51,208,222)
```
#2ad8e7
```
#2ad8e7 rgb(42,216,231)
```
#21e0f0
```
#21e0f0 rgb(33,224,240)
```
#17e7fa
```
#17e7fa rgb(23,231,250)
```

Tone Color Variation

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

Dichromacy

#b2b3c4 Protanopia 1% of men
#b4b1d5 Deuteranopia 1% of men
#50c3d1 Tritanopia 0.001% of the population

Trichromacy

#8ab8c7 Protanomaly 1% of men, 0.01% of women
#8bb6d2 Deuteranomaly 6% of men, 0.4% of women
#4cc2cf Tritanomaly 0.01% of the population

#45c1cc hex color

#45c1cc Color Information

#45c1cc Color Conversion

Color Schemes with #45c1cc

Alternatives to #45c1cc

#45c1cc Preview

Shades and Tints of #45c1cc

Tones of #45c1cc

Color Blindness Simulator