#45afaa hex color

In a RGB color space, hex #45afaa is composed of 27.1% red, 68.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0% magenta, 2.9% yellow and 31.4% black. It has a hue angle of 177.2 degrees, a saturation of 43.4% and a lightness of 47.8%. #45afaa color hex could be obtained by blending #8affff with #005f55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 69
- B 67
RGB color chart
- C 61
- M 0
- Y 3
- K 31
CMYK color chart

● #45afaa color description : Dark moderate cyan.

The hexadecimal color #45afaa has RGB values of R:69, G:175, B:170 and CMYK values of C:0.61, M:0, Y:0.03, K:0.31. Its decimal value is 4566954.

Hex triplet	45afaa	`#45afaa`
RGB Decimal	69, 175, 170	`rgb(69,175,170)`
RGB Percent	27.1, 68.6, 66.7	`rgb(27.1%,68.6%,66.7%)`
CMYK	61, 0, 3, 31
HSL	177.2°, 43.4, 47.8	`hsl(177.2,43.4%,47.8%)`
HSV (or HSB)	177.2°, 60.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	65.612, -31.258, -6.512
XYZ	25.038, 34.825, 43.43
xyY	0.242, 0.337, 34.825
CIE-LCH	65.612, 31.929, 191.767
CIE-LUV	65.612, -42.701, -4.994
Hunter-Lab	59.013, -27.54, -2.325
Binary	01000101, 10101111, 10101010

#45afaa
```
#45afaa rgb(69,175,170)
```
#af454a
```
#af454a rgb(175,69,74)
```

Complementary Color

#45af75
```
#45af75 rgb(69,175,117)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#457faf
```
#457faf rgb(69,127,175)
```

Analogous Color

#af7545
```
#af7545 rgb(175,117,69)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#af457f
```
#af457f rgb(175,69,127)
```

Split Complementary Color

#afaa45
```
#afaa45 rgb(175,170,69)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#aa45af
```
#aa45af rgb(170,69,175)
```

Triadic Color

#4aaf45
```
#4aaf45 rgb(74,175,69)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#aa45af
```
#aa45af rgb(170,69,175)
```
#af454a
```
#af454a rgb(175,69,74)
```

Tetradic Color

#2f7875
```
#2f7875 rgb(47,120,117)
```
#378a86
```
#378a86 rgb(55,138,134)
```
#3e9d98
```
#3e9d98 rgb(62,157,152)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#53bbb6
```
#53bbb6 rgb(83,187,182)
```
#65c2be
```
#65c2be rgb(101,194,190)
```
#77c9c6
```
#77c9c6 rgb(119,201,198)
```

Monochromatic Color

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

#45af90
```
#45af90 rgb(69,175,144)
```
#45af98
```
#45af98 rgb(69,175,152)
```
#45afa1
```
#45afa1 rgb(69,175,161)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#45abaf
```
#45abaf rgb(69,171,175)
```
#45a2af
```
#45a2af rgb(69,162,175)
```
#459aaf
```
#459aaf rgb(69,154,175)
```

Similar Colors

Text with hexadecimal color #45afaa

This text has a font color of #45afaa.

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

#45afaa background color

This paragraph has a background color of #45afaa.

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

#45afaa border color

This element has a border color of #45afaa.

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

CSS codes

.text {color:#45afaa;}

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

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

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, #020606 is the darkest color, while #f7fcfc is the lightest one.

#020606
```
#020606 rgb(2,6,6)
```
#081414
```
#081414 rgb(8,20,20)
```
#0e2221
```
#0e2221 rgb(14,34,33)
```
#13302f
```
#13302f rgb(19,48,47)
```
#193e3d
```
#193e3d rgb(25,62,61)
```
#1e4d4a
```
#1e4d4a rgb(30,77,74)
```
#245b58
```
#245b58 rgb(36,91,88)
```
#296966
```
#296966 rgb(41,105,102)
```
#2f7773
```
#2f7773 rgb(47,119,115)
```
#348581
```
#348581 rgb(52,133,129)
```
#3a938f
```
#3a938f rgb(58,147,143)
```
#3fa19c
```
#3fa19c rgb(63,161,156)
```
#45afaa
```
#45afaa rgb(69,175,170)
```

Shade Color Variation

#4eb9b4
```
#4eb9b4 rgb(78,185,180)
```
#5cbfba
```
#5cbfba rgb(92,191,186)
```
#6ac4c0
```
#6ac4c0 rgb(106,196,192)
```
#78cac6
```
#78cac6 rgb(120,202,198)
```
#87d0cc
```
#87d0cc rgb(135,208,204)
```
#95d5d2
```
#95d5d2 rgb(149,213,210)
```
#a3dbd8
```
#a3dbd8 rgb(163,219,216)
```
#b1e0de
```
#b1e0de rgb(177,224,222)
```
#bfe6e4
```
#bfe6e4 rgb(191,230,228)
```
#cdebea
```
#cdebea rgb(205,235,234)
```
#dbf1f0
```
#dbf1f0 rgb(219,241,240)
```
#e9f6f6
```
#e9f6f6 rgb(233,246,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#748080
```
#748080 rgb(116,128,128)
```
#6b8988
```
#6b8988 rgb(107,137,136)
```
#619391
```
#619391 rgb(97,147,145)
```
#589c99
```
#589c99 rgb(88,156,153)
```
#4ea6a2
```
#4ea6a2 rgb(78,166,162)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#3cb8b2
```
#3cb8b2 rgb(60,184,178)
```
#32c2bb
```
#32c2bb rgb(50,194,187)
```
#29cbc3
```
#29cbc3 rgb(41,203,195)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#16ded4
```
#16ded4 rgb(22,222,212)
```
#0de7dd
```
#0de7dd rgb(13,231,221)
```
#03f1e5
```
#03f1e5 rgb(3,241,229)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#809594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a3a5 Protanopia 1% of men
#aba0b5 Deuteranopia 1% of men
#56b0bd Tritanopia 0.001% of the population

Trichromacy

#83a7a7 Protanomaly 1% of men, 0.01% of women
#86a5b1 Deuteranomaly 6% of men, 0.4% of women
#50b0b6 Tritanomaly 0.01% of the population

#45afaa hex color

#45afaa Color Information

#45afaa Color Conversion

Color Schemes with #45afaa

Alternatives to #45afaa

#45afaa Preview

Shades and Tints of #45afaa

Tones of #45afaa

Color Blindness Simulator