#45caa4 hex color

In a RGB color space, hex #45caa4 is composed of 27.1% red, 79.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 0% magenta, 18.8% yellow and 20.8% black. It has a hue angle of 162.9 degrees, a saturation of 55.6% and a lightness of 53.1%. #45caa4 color hex could be obtained by blending #8affff with #009549. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 79
- B 64
RGB color chart
- C 66
- M 0
- Y 19
- K 21
CMYK color chart

● #45caa4 color description : Moderate cyan - lime green.

The hexadecimal color #45caa4 has RGB values of R:69, G:202, B:164 and CMYK values of C:0.66, M:0, Y:0.19, K:0.21. Its decimal value is 4573860.

Hex triplet	45caa4	`#45caa4`
RGB Decimal	69, 202, 164	`rgb(69,202,164)`
RGB Percent	27.1, 79.2, 64.3	`rgb(27.1%,79.2%,64.3%)`
CMYK	66, 0, 19, 21
HSL	162.9°, 55.6, 53.1	`hsl(162.9,55.6%,53.1%)`
HSV (or HSB)	162.9°, 65.8, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.665, -45.023, 8.501
XYZ	30.273, 46.184, 42.439
xyY	0.255, 0.388, 46.184
CIE-LCH	73.665, 45.819, 169.308
CIE-LUV	73.665, -53.088, 19.602
Hunter-Lab	67.959, -39.412, 10.546
Binary	01000101, 11001010, 10100100

#45caa4
```
#45caa4 rgb(69,202,164)
```
#ca456b
```
#ca456b rgb(202,69,107)
```

Complementary Color

#45ca62
```
#45ca62 rgb(69,202,98)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#45aeca
```
#45aeca rgb(69,174,202)
```

Analogous Color

#ca6245
```
#ca6245 rgb(202,98,69)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#ca45ae
```
#ca45ae rgb(202,69,174)
```

Split Complementary Color

#caa445
```
#caa445 rgb(202,164,69)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#a445ca
```
#a445ca rgb(164,69,202)
```

Triadic Color

#6bca45
```
#6bca45 rgb(107,202,69)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#a445ca
```
#a445ca rgb(164,69,202)
```
#ca456b
```
#ca456b rgb(202,69,107)
```

Tetradic Color

#2b9778
```
#2b9778 rgb(43,151,120)
```
#31ab88
```
#31ab88 rgb(49,171,136)
```
#36bf98
```
#36bf98 rgb(54,191,152)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#59d0ae
```
#59d0ae rgb(89,208,174)
```
#6dd5b7
```
#6dd5b7 rgb(109,213,183)
```
#81dbc1
```
#81dbc1 rgb(129,219,193)
```

Monochromatic Color

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

#45ca83
```
#45ca83 rgb(69,202,131)
```
#45ca8e
```
#45ca8e rgb(69,202,142)
```
#45ca99
```
#45ca99 rgb(69,202,153)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#45caba
```
#45caba rgb(69,202,186)
```
#45cac5
```
#45cac5 rgb(69,202,197)
```

Similar Colors

Text with hexadecimal color #45caa4

This text has a font color of #45caa4.

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

#45caa4 background color

This paragraph has a background color of #45caa4.

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

#45caa4 border color

This element has a border color of #45caa4.

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

CSS codes

.text {color:#45caa4;}

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

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

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

#040c0a
```
#040c0a rgb(4,12,10)
```
#081c16
```
#081c16 rgb(8,28,22)
```
#0c2b22
```
#0c2b22 rgb(12,43,34)
```
#113a2e
```
#113a2e rgb(17,58,46)
```
#154a3a
```
#154a3a rgb(21,74,58)
```
#195947
```
#195947 rgb(25,89,71)
```
#1e6853
```
#1e6853 rgb(30,104,83)
```
#22775f
```
#22775f rgb(34,119,95)
```
#26876b
```
#26876b rgb(38,135,107)
```
#2b9677
```
#2b9677 rgb(43,150,119)
```
#2fa583
```
#2fa583 rgb(47,165,131)
```
#33b490
```
#33b490 rgb(51,180,144)
```
#38c49c
```
#38c49c rgb(56,196,156)
```

Shade Color Variation

#45caa4
```
#45caa4 rgb(69,202,164)
```
#54ceab
```
#54ceab rgb(84,206,171)
```
#64d3b3
```
#64d3b3 rgb(100,211,179)
```
#73d7ba
```
#73d7ba rgb(115,215,186)
```
#82dbc2
```
#82dbc2 rgb(130,219,194)
```
#91e0c9
```
#91e0c9 rgb(145,224,201)
```
#a1e4d1
```
#a1e4d1 rgb(161,228,209)
```
#b0e8d8
```
#b0e8d8 rgb(176,232,216)
```
#bfede0
```
#bfede0 rgb(191,237,224)
```
#cef1e7
```
#cef1e7 rgb(206,241,231)
```
#def5ef
```
#def5ef rgb(222,245,239)
```
#edfaf6
```
#edfaf6 rgb(237,250,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#858a88
```
#858a88 rgb(133,138,136)
```
#7c938c
```
#7c938c rgb(124,147,140)
```
#739c90
```
#739c90 rgb(115,156,144)
```
#6aa594
```
#6aa594 rgb(106,165,148)
```
#61ae98
```
#61ae98 rgb(97,174,152)
```
#57b89c
```
#57b89c rgb(87,184,156)
```
#4ec1a0
```
#4ec1a0 rgb(78,193,160)
```
#45caa4
```
#45caa4 rgb(69,202,164)
```
#3cd3a8
```
#3cd3a8 rgb(60,211,168)
```
#33dcac
```
#33dcac rgb(51,220,172)
```
#29e6b0
```
#29e6b0 rgb(41,230,176)
```
#20efb4
```
#20efb4 rgb(32,239,180)
```
#17f8b8
```
#17f8b8 rgb(23,248,184)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8ca79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b89f Protanopia 1% of men
#ccb3b1 Deuteranopia 1% of men
#65c6d4 Tritanopia 0.001% of the population

Trichromacy

#94bea0 Protanomaly 1% of men, 0.01% of women
#9bbbac Deuteranomaly 6% of men, 0.4% of women
#59c7c3 Tritanomaly 0.01% of the population

#45caa4 hex color

#45caa4 Color Information

#45caa4 Color Conversion

Color Schemes with #45caa4

Alternatives to #45caa4

#45caa4 Preview

Shades and Tints of #45caa4

Tones of #45caa4

Color Blindness Simulator