#45ccca hex color

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

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

● #45ccca color description : Moderate cyan.

The hexadecimal color #45ccca has RGB values of R:69, G:204, B:202 and CMYK values of C:0.66, M:0, Y:0.01, K:0.2. Its decimal value is 4574410.

Hex triplet	45ccca	`#45ccca`
RGB Decimal	69, 204, 202	`rgb(69,204,202)`
RGB Percent	27.1, 80, 79.2	`rgb(27.1%,80%,79.2%)`
CMYK	66, 0, 1, 20
HSL	179.1°, 57, 53.5	`hsl(179.1,57%,53.5%)`
HSV (or HSB)	179.1°, 66.2, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.272, -36.042, -9.685
XYZ	34.705, 48.712, 63.447
xyY	0.236, 0.332, 48.712
CIE-LCH	75.272, 37.321, 195.041
CIE-LUV	75.272, -51.462, -9.412
Hunter-Lab	69.794, -33.382, -5.043
Binary	01000101, 11001100, 11001010

#45ccca
```
#45ccca rgb(69,204,202)
```
#cc4547
```
#cc4547 rgb(204,69,71)
```

Complementary Color

#45cc87
```
#45cc87 rgb(69,204,135)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#458bcc
```
#458bcc rgb(69,139,204)
```

Analogous Color

#cc8745
```
#cc8745 rgb(204,135,69)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#cc458b
```
#cc458b rgb(204,69,139)
```

Split Complementary Color

#ccca45
```
#ccca45 rgb(204,202,69)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#ca45cc
```
#ca45cc rgb(202,69,204)
```

Triadic Color

#47cc45
```
#47cc45 rgb(71,204,69)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#ca45cc
```
#ca45cc rgb(202,69,204)
```
#cc4547
```
#cc4547 rgb(204,69,71)
```

Tetradic Color

#2a9a99
```
#2a9a99 rgb(42,154,153)
```
#30aeac
```
#30aeac rgb(48,174,172)
```
#35c2c0
```
#35c2c0 rgb(53,194,192)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#59d1d0
```
#59d1d0 rgb(89,209,208)
```
#6dd7d5
```
#6dd7d5 rgb(109,215,213)
```
#81dcdb
```
#81dcdb rgb(129,220,219)
```

Monochromatic Color

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

#45cca8
```
#45cca8 rgb(69,204,168)
```
#45ccb4
```
#45ccb4 rgb(69,204,180)
```
#45ccbf
```
#45ccbf rgb(69,204,191)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#45c3cc
```
#45c3cc rgb(69,195,204)
```
#45b8cc
```
#45b8cc rgb(69,184,204)
```
#45accc
```
#45accc rgb(69,172,204)
```

Similar Colors

Text with hexadecimal color #45ccca

This text has a font color of #45ccca.

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

#45ccca background color

This paragraph has a background color of #45ccca.

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

#45ccca border color

This element has a border color of #45ccca.

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

CSS codes

.text {color:#45ccca;}

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

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

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

#040e0e
```
#040e0e rgb(4,14,14)
```
#081e1d
```
#081e1d rgb(8,30,29)
```
#0c2d2c
```
#0c2d2c rgb(12,45,44)
```
#113c3c
```
#113c3c rgb(17,60,60)
```
#154c4b
```
#154c4b rgb(21,76,75)
```
#195b5a
```
#195b5a rgb(25,91,90)
```
#1d6a69
```
#1d6a69 rgb(29,106,105)
```
#217a79
```
#217a79 rgb(33,122,121)
```
#268988
```
#268988 rgb(38,137,136)
```
#2a9997
```
#2a9997 rgb(42,153,151)
```
#2ea8a6
```
#2ea8a6 rgb(46,168,166)
```
#32b7b5
```
#32b7b5 rgb(50,183,181)
```
#37c7c5
```
#37c7c5 rgb(55,199,197)
```

Shade Color Variation

#45ccca
```
#45ccca rgb(69,204,202)
```
#54d0ce
```
#54d0ce rgb(84,208,206)
```
#64d4d3
```
#64d4d3 rgb(100,212,211)
```
#73d9d7
```
#73d9d7 rgb(115,217,215)
```
#83dddc
```
#83dddc rgb(131,221,220)
```
#92e1e0
```
#92e1e0 rgb(146,225,224)
```
#a1e5e4
```
#a1e5e4 rgb(161,229,228)
```
#b1eae9
```
#b1eae9 rgb(177,234,233)
```
#c0eeed
```
#c0eeed rgb(192,238,237)
```
#d0f2f1
```
#d0f2f1 rgb(208,242,241)
```
#dff6f6
```
#dff6f6 rgb(223,246,246)
```
#eefafa
```
#eefafa rgb(238,250,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 #17faf6 is the most saturated one.

#858c8c
```
#858c8c rgb(133,140,140)
```
#7c9595
```
#7c9595 rgb(124,149,149)
```
#739e9e
```
#739e9e rgb(115,158,158)
```
#69a8a7
```
#69a8a7 rgb(105,168,167)
```
#60b1af
```
#60b1af rgb(96,177,175)
```
#57bab8
```
#57bab8 rgb(87,186,184)
```
#4ec3c1
```
#4ec3c1 rgb(78,195,193)
```
#45ccca
```
#45ccca rgb(69,204,202)
```
#3cd5d3
```
#3cd5d3 rgb(60,213,211)
```
#33dedc
```
#33dedc rgb(51,222,220)
```
#2ae7e5
```
#2ae7e5 rgb(42,231,229)
```
#21f0ed
```
#21f0ed rgb(33,240,237)
```
#17faf6
```
#17faf6 rgb(23,250,246)
```

Tone Color Variation

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

Dichromacy

#bebbc2 Protanopia 1% of men
#c2b8d4 Deuteranopia 1% of men
#58ccdb Tritanopia 0.001% of the population

Trichromacy

#92c1c5 Protanomaly 1% of men, 0.01% of women
#94bfd0 Deuteranomaly 6% of men, 0.4% of women
#51ccd4 Tritanomaly 0.01% of the population

#45ccca hex color

#45ccca Color Information

#45ccca Color Conversion

Color Schemes with #45ccca

Alternatives to #45ccca

#45ccca Preview

Shades and Tints of #45ccca

Tones of #45ccca

Color Blindness Simulator