#45d1cc hex color

In a RGB color space, hex #45d1cc is composed of 27.1% red, 82% green and 80% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 0% magenta, 2.4% yellow and 18% black. It has a hue angle of 177.9 degrees, a saturation of 60.3% and a lightness of 54.5%. #45d1cc color hex could be obtained by blending #8affff with #00a399. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 82
- B 80
RGB color chart
- C 67
- M 0
- Y 2
- K 18
CMYK color chart

● #45d1cc color description : Moderate cyan.

The hexadecimal color #45d1cc has RGB values of R:69, G:209, B:204 and CMYK values of C:0.67, M:0, Y:0.02, K:0.18. Its decimal value is 4575692.

Hex triplet	45d1cc	`#45d1cc`
RGB Decimal	69, 209, 204	`rgb(69,209,204)`
RGB Percent	27.1, 82, 80	`rgb(27.1%,82%,80%)`
CMYK	67, 0, 2, 18
HSL	177.9°, 60.3, 54.5	`hsl(177.9,60.3%,54.5%)`
HSV (or HSB)	177.9°, 67, 82
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.814, -37.792, -8.469
XYZ	36.15, 51.223, 65.105
xyY	0.237, 0.336, 51.223
CIE-LCH	76.814, 38.73, 192.632
CIE-LUV	76.814, -53.134, -7.233
Hunter-Lab	71.57, -35.086, -3.835
Binary	01000101, 11010001, 11001100

#45d1cc
```
#45d1cc rgb(69,209,204)
```
#d1454a
```
#d1454a rgb(209,69,74)
```

Complementary Color

#45d186
```
#45d186 rgb(69,209,134)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#4590d1
```
#4590d1 rgb(69,144,209)
```

Analogous Color

#d18645
```
#d18645 rgb(209,134,69)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#d14590
```
#d14590 rgb(209,69,144)
```

Split Complementary Color

#d1cc45
```
#d1cc45 rgb(209,204,69)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#cc45d1
```
#cc45d1 rgb(204,69,209)
```

Triadic Color

#4ad145
```
#4ad145 rgb(74,209,69)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#cc45d1
```
#cc45d1 rgb(204,69,209)
```
#d1454a
```
#d1454a rgb(209,69,74)
```

Tetradic Color

#28a29d
```
#28a29d rgb(40,162,157)
```
#2db6b1
```
#2db6b1 rgb(45,182,177)
```
#32cac5
```
#32cac5 rgb(50,202,197)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#59d6d2
```
#59d6d2 rgb(89,214,210)
```
#6edbd7
```
#6edbd7 rgb(110,219,215)
```
#82e0dd
```
#82e0dd rgb(130,224,221)
```

Monochromatic Color

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

#45d1a9
```
#45d1a9 rgb(69,209,169)
```
#45d1b5
```
#45d1b5 rgb(69,209,181)
```
#45d1c0
```
#45d1c0 rgb(69,209,192)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#45cad1
```
#45cad1 rgb(69,202,209)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#45b3d1
```
#45b3d1 rgb(69,179,209)
```

Similar Colors

Text with hexadecimal color #45d1cc

This text has a font color of #45d1cc.

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

#45d1cc background color

This paragraph has a background color of #45d1cc.

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

#45d1cc border color

This element has a border color of #45d1cc.

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

CSS codes

.text {color:#45d1cc;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051212
```
#051212 rgb(5,18,18)
```
#082221
```
#082221 rgb(8,34,33)
```
#0c3231
```
#0c3231 rgb(12,50,49)
```
#104240
```
#104240 rgb(16,66,64)
```
#14514f
```
#14514f rgb(20,81,79)
```
#18615e
```
#18615e rgb(24,97,94)
```
#1c716e
```
#1c716e rgb(28,113,110)
```
#20817d
```
#20817d rgb(32,129,125)
```
#24908c
```
#24908c rgb(36,144,140)
```
#28a09c
```
#28a09c rgb(40,160,156)
```
#2bb0ab
```
#2bb0ab rgb(43,176,171)
```
#2fbfba
```
#2fbfba rgb(47,191,186)
```

Shade Color Variation

#35cdc8
```
#35cdc8 rgb(53,205,200)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#55d5d0
```
#55d5d0 rgb(85,213,208)
```
#64d9d5
```
#64d9d5 rgb(100,217,213)
```
#74ddd9
```
#74ddd9 rgb(116,221,217)
```
#84e1dd
```
#84e1dd rgb(132,225,221)
```
#94e4e2
```
#94e4e2 rgb(148,228,226)
```
#a3e8e6
```
#a3e8e6 rgb(163,232,230)
```
#b3ecea
```
#b3ecea rgb(179,236,234)
```
#c3f0ee
```
#c3f0ee rgb(195,240,238)
```
#d3f4f3
```
#d3f4f3 rgb(211,244,243)
```
#e2f8f7
```
#e2f8f7 rgb(226,248,247)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

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

#839392
```
#839392 rgb(131,147,146)
```
#7b9b9a
```
#7b9b9a rgb(123,155,154)
```
#72a4a3
```
#72a4a3 rgb(114,164,163)
```
#69adab
```
#69adab rgb(105,173,171)
```
#60b6b3
```
#60b6b3 rgb(96,182,179)
```
#57bfbb
```
#57bfbb rgb(87,191,187)
```
#4ec8c4
```
#4ec8c4 rgb(78,200,196)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#3cdad4
```
#3cdad4 rgb(60,218,212)
```
#33e3dd
```
#33e3dd rgb(51,227,221)
```
#2aece5
```
#2aece5 rgb(42,236,229)
```
#21f5ed
```
#21f5ed rgb(33,245,237)
```
#18fef5
```
#18fef5 rgb(24,254,245)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#93afae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bfc3 Protanopia 1% of men
#c8bcd7 Deuteranopia 1% of men
#59d0df Tritanopia 0.001% of the population

Trichromacy

#95c6c6 Protanomaly 1% of men, 0.01% of women
#98c3d3 Deuteranomaly 6% of men, 0.4% of women
#52d0d8 Tritanomaly 0.01% of the population

#45d1cc hex color

#45d1cc Color Information

#45d1cc Color Conversion

Color Schemes with #45d1cc

Alternatives to #45d1cc

#45d1cc Preview

Shades and Tints of #45d1cc

Tones of #45d1cc

Color Blindness Simulator