#45c7a8 hex color

In a RGB color space, hex #45c7a8 is composed of 27.1% red, 78% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 0% magenta, 15.6% yellow and 22% black. It has a hue angle of 165.7 degrees, a saturation of 53.7% and a lightness of 52.5%. #45c7a8 color hex could be obtained by blending #8affff with #008f51. Closest websafe color is: #33cc99.

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

● #45c7a8 color description : Moderate cyan.

The hexadecimal color #45c7a8 has RGB values of R:69, G:199, B:168 and CMYK values of C:0.65, M:0, Y:0.16, K:0.22. Its decimal value is 4573096.

Hex triplet	45c7a8	`#45c7a8`
RGB Decimal	69, 199, 168	`rgb(69,199,168)`
RGB Percent	27.1, 78, 65.9	`rgb(27.1%,78%,65.9%)`
CMYK	65, 0, 16, 22
HSL	165.7°, 53.7, 52.5	`hsl(165.7,53.7%,52.5%)`
HSV (or HSB)	165.7°, 65.3, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.85, -42.758, 5.171
XYZ	29.943, 44.937, 44.139
xyY	0.252, 0.378, 44.937
CIE-LCH	72.85, 43.069, 173.105
CIE-LUV	72.85, -51.748, 14.389
Hunter-Lab	67.035, -37.578, 7.885
Binary	01000101, 11000111, 10101000

#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#c74564
```
#c74564 rgb(199,69,100)
```

Complementary Color

#45c767
```
#45c767 rgb(69,199,103)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#45a5c7
```
#45a5c7 rgb(69,165,199)
```

Analogous Color

#c76745
```
#c76745 rgb(199,103,69)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#c745a5
```
#c745a5 rgb(199,69,165)
```

Split Complementary Color

#c7a845
```
#c7a845 rgb(199,168,69)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#a845c7
```
#a845c7 rgb(168,69,199)
```

Triadic Color

#64c745
```
#64c745 rgb(100,199,69)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#a845c7
```
#a845c7 rgb(168,69,199)
```
#c74564
```
#c74564 rgb(199,69,100)
```

Tetradic Color

#2c937b
```
#2c937b rgb(44,147,123)
```
#32a78b
```
#32a78b rgb(50,167,139)
```
#38ba9b
```
#38ba9b rgb(56,186,155)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#59cdb1
```
#59cdb1 rgb(89,205,177)
```
#6cd3ba
```
#6cd3ba rgb(108,211,186)
```
#80d9c4
```
#80d9c4 rgb(128,217,196)
```

Monochromatic Color

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

#45c788
```
#45c788 rgb(69,199,136)
```
#45c792
```
#45c792 rgb(69,199,146)
```
#45c79d
```
#45c79d rgb(69,199,157)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#45c7b3
```
#45c7b3 rgb(69,199,179)
```
#45c7be
```
#45c7be rgb(69,199,190)
```
#45c6c7
```
#45c6c7 rgb(69,198,199)
```

Similar Colors

Text with hexadecimal color #45c7a8

This text has a font color of #45c7a8.

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

#45c7a8 background color

This paragraph has a background color of #45c7a8.

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

#45c7a8 border color

This element has a border color of #45c7a8.

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

CSS codes

.text {color:#45c7a8;}

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

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

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

#030a08
```
#030a08 rgb(3,10,8)
```
#081915
```
#081915 rgb(8,25,21)
```
#0c2821
```
#0c2821 rgb(12,40,33)
```
#11372e
```
#11372e rgb(17,55,46)
```
#15463b
```
#15463b rgb(21,70,59)
```
#1a5547
```
#1a5547 rgb(26,85,71)
```
#1e6454
```
#1e6454 rgb(30,100,84)
```
#237460
```
#237460 rgb(35,116,96)
```
#27836d
```
#27836d rgb(39,131,109)
```
#2c9279
```
#2c9279 rgb(44,146,121)
```
#30a186
```
#30a186 rgb(48,161,134)
```
#35b093
```
#35b093 rgb(53,176,147)
```
#39bf9f
```
#39bf9f rgb(57,191,159)
```

Shade Color Variation

#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#54ccaf
```
#54ccaf rgb(84,204,175)
```
#63d0b6
```
#63d0b6 rgb(99,208,182)
```
#72d5bd
```
#72d5bd rgb(114,213,189)
```
#81d9c4
```
#81d9c4 rgb(129,217,196)
```
#90decb
```
#90decb rgb(144,222,203)
```
#9fe2d2
```
#9fe2d2 rgb(159,226,210)
```
#afe7d9
```
#afe7d9 rgb(175,231,217)
```
#beebe0
```
#beebe0 rgb(190,235,224)
```
#cdf0e7
```
#cdf0e7 rgb(205,240,231)
```
#dcf4ef
```
#dcf4ef rgb(220,244,239)
```
#ebf9f6
```
#ebf9f6 rgb(235,249,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8f8b is the less saturated color, while #0dffc5 is the most saturated one.

#7d8f8b
```
#7d8f8b rgb(125,143,139)
```
#749890
```
#749890 rgb(116,152,144)
```
#6aa295
```
#6aa295 rgb(106,162,149)
```
#61ab99
```
#61ab99 rgb(97,171,153)
```
#58b49e
```
#58b49e rgb(88,180,158)
```
#4ebea3
```
#4ebea3 rgb(78,190,163)
```
#45c7a8
```
#45c7a8 rgb(69,199,168)
```
#3cd0ad
```
#3cd0ad rgb(60,208,173)
```
#32dab2
```
#32dab2 rgb(50,218,178)
```
#29e3b7
```
#29e3b7 rgb(41,227,183)
```
#20ecbb
```
#20ecbb rgb(32,236,187)
```
#16f6c0
```
#16f6c0 rgb(22,246,192)
```
#0dffc5
```
#0dffc5 rgb(13,255,197)
```

Tone Color Variation

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

Dichromacy

#beb6a2 Protanopia 1% of men
#c8b1b5 Deuteranopia 1% of men
#62c4d2 Tritanopia 0.001% of the population

Trichromacy

#92bca4 Protanomaly 1% of men, 0.01% of women
#98b9b0 Deuteranomaly 6% of men, 0.4% of women
#57c5c3 Tritanomaly 0.01% of the population

#45c7a8 hex color

#45c7a8 Color Information

#45c7a8 Color Conversion

Color Schemes with #45c7a8

Alternatives to #45c7a8

#45c7a8 Preview

Shades and Tints of #45c7a8

Tones of #45c7a8

Color Blindness Simulator