#45c7aa hex color

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

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

● #45c7aa color description : Moderate cyan.

The hexadecimal color #45c7aa has RGB values of R:69, G:199, B:170 and CMYK values of C:0.65, M:0, Y:0.15, K:0.22. Its decimal value is 4573098.

Hex triplet	45c7aa	`#45c7aa`
RGB Decimal	69, 199, 170	`rgb(69,199,170)`
RGB Percent	27.1, 78, 66.7	`rgb(27.1%,78%,66.7%)`
CMYK	65, 0, 15, 22
HSL	166.6°, 53.7, 52.5	`hsl(166.6,53.7%,52.5%)`
HSV (or HSB)	166.6°, 65.3, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.9, -42.261, 4.159
XYZ	30.131, 45.012, 45.128
xyY	0.251, 0.374, 45.012
CIE-LCH	72.9, 42.465, 174.38
CIE-LUV	72.9, -51.628, 12.828
Hunter-Lab	67.091, -37.243, 7.082
Binary	01000101, 11000111, 10101010

#45c7aa
```
#45c7aa rgb(69,199,170)
```
#c74562
```
#c74562 rgb(199,69,98)
```

Complementary Color

#45c769
```
#45c769 rgb(69,199,105)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#45a3c7
```
#45a3c7 rgb(69,163,199)
```

Analogous Color

#c76945
```
#c76945 rgb(199,105,69)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#c745a3
```
#c745a3 rgb(199,69,163)
```

Split Complementary Color

#c7aa45
```
#c7aa45 rgb(199,170,69)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#aa45c7
```
#aa45c7 rgb(170,69,199)
```

Triadic Color

#62c745
```
#62c745 rgb(98,199,69)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#aa45c7
```
#aa45c7 rgb(170,69,199)
```
#c74562
```
#c74562 rgb(199,69,98)
```

Tetradic Color

#2c937c
```
#2c937c rgb(44,147,124)
```
#32a78d
```
#32a78d rgb(50,167,141)
```
#38ba9d
```
#38ba9d rgb(56,186,157)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#59cdb3
```
#59cdb3 rgb(89,205,179)
```
#6cd3bc
```
#6cd3bc rgb(108,211,188)
```
#80d9c5
```
#80d9c5 rgb(128,217,197)
```

Monochromatic Color

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

#45c78a
```
#45c78a rgb(69,199,138)
```
#45c794
```
#45c794 rgb(69,199,148)
```
#45c79f
```
#45c79f rgb(69,199,159)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#45c7b5
```
#45c7b5 rgb(69,199,181)
```
#45c7c0
```
#45c7c0 rgb(69,199,192)
```
#45c4c7
```
#45c4c7 rgb(69,196,199)
```

Similar Colors

Text with hexadecimal color #45c7aa

This text has a font color of #45c7aa.

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

#45c7aa background color

This paragraph has a background color of #45c7aa.

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

#45c7aa border color

This element has a border color of #45c7aa.

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

CSS codes

.text {color:#45c7aa;}

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

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

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)
```
#0c2822
```
#0c2822 rgb(12,40,34)
```
#11372f
```
#11372f rgb(17,55,47)
```
#15463b
```
#15463b rgb(21,70,59)
```
#1a5548
```
#1a5548 rgb(26,85,72)
```
#1e6455
```
#1e6455 rgb(30,100,85)
```
#237462
```
#237462 rgb(35,116,98)
```
#27836e
```
#27836e rgb(39,131,110)
```
#2c927b
```
#2c927b rgb(44,146,123)
```
#30a188
```
#30a188 rgb(48,161,136)
```
#35b094
```
#35b094 rgb(53,176,148)
```
#39bfa1
```
#39bfa1 rgb(57,191,161)
```

Shade Color Variation

#45c7aa
```
#45c7aa rgb(69,199,170)
```
#54ccb1
```
#54ccb1 rgb(84,204,177)
```
#63d0b8
```
#63d0b8 rgb(99,208,184)
```
#72d5bf
```
#72d5bf rgb(114,213,191)
```
#81d9c6
```
#81d9c6 rgb(129,217,198)
```
#90decc
```
#90decc rgb(144,222,204)
```
#9fe2d3
```
#9fe2d3 rgb(159,226,211)
```
#afe7da
```
#afe7da rgb(175,231,218)
```
#beebe1
```
#beebe1 rgb(190,235,225)
```
#cdf0e8
```
#cdf0e8 rgb(205,240,232)
```
#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 #0dffc9 is the most saturated one.

#7d8f8b
```
#7d8f8b rgb(125,143,139)
```
#749890
```
#749890 rgb(116,152,144)
```
#6aa295
```
#6aa295 rgb(106,162,149)
```
#61ab9b
```
#61ab9b rgb(97,171,155)
```
#58b4a0
```
#58b4a0 rgb(88,180,160)
```
#4ebea5
```
#4ebea5 rgb(78,190,165)
```
#45c7aa
```
#45c7aa rgb(69,199,170)
```
#3cd0af
```
#3cd0af rgb(60,208,175)
```
#32dab4
```
#32dab4 rgb(50,218,180)
```
#29e3b9
```
#29e3b9 rgb(41,227,185)
```
#20ecbf
```
#20ecbf rgb(32,236,191)
```
#16f6c4
```
#16f6c4 rgb(22,246,196)
```
#0dffc9
```
#0dffc9 rgb(13,255,201)
```

Tone Color Variation

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

Dichromacy

#beb6a4 Protanopia 1% of men
#c7b1b7 Deuteranopia 1% of men
#61c4d2 Tritanopia 0.001% of the population

Trichromacy

#92bca6 Protanomaly 1% of men, 0.01% of women
#98b9b2 Deuteranomaly 6% of men, 0.4% of women
#57c5c4 Tritanomaly 0.01% of the population

#45c7aa hex color

#45c7aa Color Information

#45c7aa Color Conversion

Color Schemes with #45c7aa

Alternatives to #45c7aa

#45c7aa Preview

Shades and Tints of #45c7aa

Tones of #45c7aa

Color Blindness Simulator