#45caaf hex color

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

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

● #45caaf color description : Moderate cyan.

The hexadecimal color #45caaf has RGB values of R:69, G:202, B:175 and CMYK values of C:0.66, M:0, Y:0.13, K:0.21. Its decimal value is 4573871.

Hex triplet	45caaf	`#45caaf`
RGB Decimal	69, 202, 175	`rgb(69,202,175)`
RGB Percent	27.1, 79.2, 68.6	`rgb(27.1%,79.2%,68.6%)`
CMYK	66, 0, 13, 21
HSL	167.8°, 55.6, 53.1	`hsl(167.8,55.6%,53.1%)`
HSV (or HSB)	167.8°, 65.8, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.932, -42.322, 2.947
XYZ	31.31, 46.599, 47.899
xyY	0.249, 0.37, 46.599
CIE-LCH	73.932, 42.425, 176.016
CIE-LUV	73.932, -52.422, 11.071
Hunter-Lab	68.263, -37.589, 6.181
Binary	01000101, 11001010, 10101111

#45caaf
```
#45caaf rgb(69,202,175)
```
#ca4560
```
#ca4560 rgb(202,69,96)
```

Complementary Color

#45ca6d
```
#45ca6d rgb(69,202,109)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#45a3ca
```
#45a3ca rgb(69,163,202)
```

Analogous Color

#ca6d45
```
#ca6d45 rgb(202,109,69)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#ca45a3
```
#ca45a3 rgb(202,69,163)
```

Split Complementary Color

#caaf45
```
#caaf45 rgb(202,175,69)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#af45ca
```
#af45ca rgb(175,69,202)
```

Triadic Color

#60ca45
```
#60ca45 rgb(96,202,69)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#af45ca
```
#af45ca rgb(175,69,202)
```
#ca4560
```
#ca4560 rgb(202,69,96)
```

Tetradic Color

#2b9781
```
#2b9781 rgb(43,151,129)
```
#31ab92
```
#31ab92 rgb(49,171,146)
```
#36bfa3
```
#36bfa3 rgb(54,191,163)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#59d0b8
```
#59d0b8 rgb(89,208,184)
```
#6dd5c0
```
#6dd5c0 rgb(109,213,192)
```
#81dbc9
```
#81dbc9 rgb(129,219,201)
```

Monochromatic Color

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

#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)
```
#45c4ca
```
#45c4ca rgb(69,196,202)
```

Similar Colors

Text with hexadecimal color #45caaf

This text has a font color of #45caaf.

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

#45caaf background color

This paragraph has a background color of #45caaf.

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

#45caaf border color

This element has a border color of #45caaf.

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

CSS codes

.text {color:#45caaf;}

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

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

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

#040c0b
```
#040c0b rgb(4,12,11)
```
#081c18
```
#081c18 rgb(8,28,24)
```
#0c2b25
```
#0c2b25 rgb(12,43,37)
```
#113a32
```
#113a32 rgb(17,58,50)
```
#154a3f
```
#154a3f rgb(21,74,63)
```
#19594c
```
#19594c rgb(25,89,76)
```
#1e6859
```
#1e6859 rgb(30,104,89)
```
#227766
```
#227766 rgb(34,119,102)
```
#268773
```
#268773 rgb(38,135,115)
```
#2b9680
```
#2b9680 rgb(43,150,128)
```
#2fa58d
```
#2fa58d rgb(47,165,141)
```
#33b49a
```
#33b49a rgb(51,180,154)
```
#38c4a7
```
#38c4a7 rgb(56,196,167)
```

Shade Color Variation

#45caaf
```
#45caaf rgb(69,202,175)
```
#54ceb6
```
#54ceb6 rgb(84,206,182)
```
#64d3bc
```
#64d3bc rgb(100,211,188)
```
#73d7c3
```
#73d7c3 rgb(115,215,195)
```
#82dbc9
```
#82dbc9 rgb(130,219,201)
```
#91e0d0
```
#91e0d0 rgb(145,224,208)
```
#a1e4d6
```
#a1e4d6 rgb(161,228,214)
```
#b0e8dd
```
#b0e8dd rgb(176,232,221)
```
#bfede4
```
#bfede4 rgb(191,237,228)
```
#cef1ea
```
#cef1ea rgb(206,241,234)
```
#def5f1
```
#def5f1 rgb(222,245,241)
```
#edfaf7
```
#edfaf7 rgb(237,250,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#858a89
```
#858a89 rgb(133,138,137)
```
#7c938e
```
#7c938e rgb(124,147,142)
```
#739c94
```
#739c94 rgb(115,156,148)
```
#6aa599
```
#6aa599 rgb(106,165,153)
```
#61ae9f
```
#61ae9f rgb(97,174,159)
```
#57b8a4
```
#57b8a4 rgb(87,184,164)
```
#4ec1aa
```
#4ec1aa rgb(78,193,170)
```
#45caaf
```
#45caaf rgb(69,202,175)
```
#3cd3b4
```
#3cd3b4 rgb(60,211,180)
```
#33dcba
```
#33dcba rgb(51,220,186)
```
#29e6bf
```
#29e6bf rgb(41,230,191)
```
#20efc5
```
#20efc5 rgb(32,239,197)
```
#17f8ca
```
#17f8ca rgb(23,248,202)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8a9 Protanopia 1% of men
#c9b4bb Deuteranopia 1% of men
#61c7d6 Tritanopia 0.001% of the population

Trichromacy

#93bfab Protanomaly 1% of men, 0.01% of women
#99bcb7 Deuteranomaly 6% of men, 0.4% of women
#57c8c7 Tritanomaly 0.01% of the population

#45caaf hex color

#45caaf Color Information

#45caaf Color Conversion

Color Schemes with #45caaf

Alternatives to #45caaf

#45caaf Preview

Shades and Tints of #45caaf

Tones of #45caaf

Color Blindness Simulator