#45c7c8 hex color

In a RGB color space, hex #45c7c8 is composed of 27.1% red, 78% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 0.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 180.5 degrees, a saturation of 54.4% and a lightness of 52.7%. #45c7c8 color hex could be obtained by blending #8affff with #008f91. Closest websafe color is: #33cccc.

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

● #45c7c8 color description : Moderate cyan.

The hexadecimal color #45c7c8 has RGB values of R:69, G:199, B:200 and CMYK values of C:0.66, M:0, Y:0, K:0.22. Its decimal value is 4573128.

Hex triplet	45c7c8	`#45c7c8`
RGB Decimal	69, 199, 200	`rgb(69,199,200)`
RGB Percent	27.1, 78, 78.4	`rgb(27.1%,78%,78.4%)`
CMYK	66, 0, 0, 22
HSL	180.5°, 54.4, 52.7	`hsl(180.5,54.4%,52.7%)`
HSV (or HSB)	180.5°, 65.5, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.726, -34.269, -10.908
XYZ	33.3, 46.279, 61.818
xyY	0.236, 0.327, 46.279
CIE-LCH	73.726, 35.963, 197.656
CIE-LUV	73.726, -49.78, -11.602
Hunter-Lab	68.029, -31.676, -6.257
Binary	01000101, 11000111, 11001000

#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#c84645
```
#c84645 rgb(200,70,69)
```

Complementary Color

#45c888
```
#45c888 rgb(69,200,136)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#4586c8
```
#4586c8 rgb(69,134,200)
```

Analogous Color

#c88845
```
#c88845 rgb(200,136,69)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#c84586
```
#c84586 rgb(200,69,134)
```

Split Complementary Color

#c7c845
```
#c7c845 rgb(199,200,69)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#c845c7
```
#c845c7 rgb(200,69,199)
```

Triadic Color

#45c846
```
#45c846 rgb(69,200,70)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#c845c7
```
#c845c7 rgb(200,69,199)
```
#c84645
```
#c84645 rgb(200,70,69)
```

Tetradic Color

#2c9495
```
#2c9495 rgb(44,148,149)
```
#32a7a8
```
#32a7a8 rgb(50,167,168)
```
#38bbbc
```
#38bbbc rgb(56,187,188)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#59cdce
```
#59cdce rgb(89,205,206)
```
#6cd3d4
```
#6cd3d4 rgb(108,211,212)
```
#80d9d9
```
#80d9d9 rgb(128,217,217)
```

Monochromatic Color

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

#45c8a8
```
#45c8a8 rgb(69,200,168)
```
#45c8b3
```
#45c8b3 rgb(69,200,179)
```
#45c8be
```
#45c8be rgb(69,200,190)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#45bcc8
```
#45bcc8 rgb(69,188,200)
```
#45b1c8
```
#45b1c8 rgb(69,177,200)
```
#45a6c8
```
#45a6c8 rgb(69,166,200)
```

Similar Colors

Text with hexadecimal color #45c7c8

This text has a font color of #45c7c8.

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

#45c7c8 background color

This paragraph has a background color of #45c7c8.

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

#45c7c8 border color

This element has a border color of #45c7c8.

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

CSS codes

.text {color:#45c7c8;}

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

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

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, #030b0b is the darkest color, while #fbfefe is the lightest one.

#030b0b
```
#030b0b rgb(3,11,11)
```
#081a1a
```
#081a1a rgb(8,26,26)
```
#0c2929
```
#0c2929 rgb(12,41,41)
```
#113838
```
#113838 rgb(17,56,56)
```
#154747
```
#154747 rgb(21,71,71)
```
#1a5656
```
#1a5656 rgb(26,86,86)
```
#1e6566
```
#1e6566 rgb(30,101,102)
```
#237475
```
#237475 rgb(35,116,117)
```
#278384
```
#278384 rgb(39,131,132)
```
#2b9293
```
#2b9293 rgb(43,146,147)
```
#30a1a2
```
#30a1a2 rgb(48,161,162)
```
#34b0b1
```
#34b0b1 rgb(52,176,177)
```
#39bfc0
```
#39bfc0 rgb(57,191,192)
```

Shade Color Variation

#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#54cccc
```
#54cccc rgb(84,204,204)
```
#63d0d1
```
#63d0d1 rgb(99,208,209)
```
#72d5d5
```
#72d5d5 rgb(114,213,213)
```
#82d9da
```
#82d9da rgb(130,217,218)
```
#91dede
```
#91dede rgb(145,222,222)
```
#a0e2e3
```
#a0e2e3 rgb(160,226,227)
```
#afe7e7
```
#afe7e7 rgb(175,231,231)
```
#beebec
```
#beebec rgb(190,235,236)
```
#cdf0f0
```
#cdf0f0 rgb(205,240,240)
```
#dcf5f5
```
#dcf5f5 rgb(220,245,245)
```
#ecf9f9
```
#ecf9f9 rgb(236,249,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#868787
```
#868787 rgb(134,135,135)
```
#7d9090
```
#7d9090 rgb(125,144,144)
```
#73999a
```
#73999a rgb(115,153,154)
```
#6aa2a3
```
#6aa2a3 rgb(106,162,163)
```
#61acac
```
#61acac rgb(97,172,172)
```
#58b5b5
```
#58b5b5 rgb(88,181,181)
```
#4ebebf
```
#4ebebf rgb(78,190,191)
```
#45c7c8
```
#45c7c8 rgb(69,199,200)
```
#3cd0d1
```
#3cd0d1 rgb(60,208,209)
```
#32d9db
```
#32d9db rgb(50,217,219)
```
#29e2e4
```
#29e2e4 rgb(41,226,228)
```
#20eced
```
#20eced rgb(32,236,237)
```
#17f5f6
```
#17f5f6 rgb(23,245,246)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea8a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b7c0 Protanopia 1% of men
#bdb4d2 Deuteranopia 1% of men
#56c8d6 Tritanopia 0.001% of the population

Trichromacy

#8fbdc3 Protanomaly 1% of men, 0.01% of women
#91bbce Deuteranomaly 6% of men, 0.4% of women
#50c7d1 Tritanomaly 0.01% of the population

#45c7c8 hex color

#45c7c8 Color Information

#45c7c8 Color Conversion

Color Schemes with #45c7c8

Alternatives to #45c7c8

#45c7c8 Preview

Shades and Tints of #45c7c8

Tones of #45c7c8

Color Blindness Simulator