#2aafbd hex color

In a RGB color space, hex #2aafbd is composed of 16.5% red, 68.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 7.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 185.7 degrees, a saturation of 63.6% and a lightness of 45.3%. #2aafbd color hex could be obtained by blending #54ffff with #005f7b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 69
- B 74
RGB color chart
- C 78
- M 7
- Y 0
- K 26
CMYK color chart

● #2aafbd color description : Strong cyan.

The hexadecimal color #2aafbd has RGB values of R:42, G:175, B:189 and CMYK values of C:0.78, M:0.07, Y:0, K:0.26. Its decimal value is 2797501.

Hex triplet	2aafbd	`#2aafbd`
RGB Decimal	42, 175, 189	`rgb(42,175,189)`
RGB Percent	16.5, 68.6, 74.1	`rgb(16.5%,68.6%,74.1%)`
CMYK	78, 7, 0, 26
HSL	185.7°, 63.6, 45.3	`hsl(185.7,63.6%,45.3%)`
HSV (or HSB)	185.7°, 77.8, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.611, -29.429, -17.131
XYZ	25.467, 34.824, 53.521
xyY	0.224, 0.306, 34.824
CIE-LCH	65.611, 34.052, 210.204
CIE-LUV	65.611, -46.089, -22.093
Hunter-Lab	59.012, -26.236, -12.465
Binary	00101010, 10101111, 10111101

#2aafbd
```
#2aafbd rgb(42,175,189)
```
#bd382a
```
#bd382a rgb(189,56,42)
```

Complementary Color

#2abd82
```
#2abd82 rgb(42,189,130)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#2a66bd
```
#2a66bd rgb(42,102,189)
```

Analogous Color

#bd822a
```
#bd822a rgb(189,130,42)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#bd2a66
```
#bd2a66 rgb(189,42,102)
```

Split Complementary Color

#afbd2a
```
#afbd2a rgb(175,189,42)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#bd2aaf
```
#bd2aaf rgb(189,42,175)
```

Triadic Color

#2abd38
```
#2abd38 rgb(42,189,56)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#bd2aaf
```
#bd2aaf rgb(189,42,175)
```
#bd382a
```
#bd382a rgb(189,56,42)
```

Tetradic Color

#1c757e
```
#1c757e rgb(28,117,126)
```
#218893
```
#218893 rgb(33,136,147)
```
#259ca8
```
#259ca8 rgb(37,156,168)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#30c2d1
```
#30c2d1 rgb(48,194,209)
```
#44c8d6
```
#44c8d6 rgb(68,200,214)
```
#59ceda
```
#59ceda rgb(89,206,218)
```

Monochromatic Color

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

#2abda6
```
#2abda6 rgb(42,189,166)
```
#2abdb3
```
#2abdb3 rgb(42,189,179)
```
#2abbbd
```
#2abbbd rgb(42,187,189)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#2aa3bd
```
#2aa3bd rgb(42,163,189)
```
#2a97bd
```
#2a97bd rgb(42,151,189)
```
#2a8abd
```
#2a8abd rgb(42,138,189)
```

Similar Colors

Text with hexadecimal color #2aafbd

This text has a font color of #2aafbd.

<span style="color:#2aafbd;">Text here</span>

#2aafbd background color

This paragraph has a background color of #2aafbd.

<p style="background-color:#2aafbd;">Content here</p>

#2aafbd border color

This element has a border color of #2aafbd.

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

CSS codes

.text {color:#2aafbd;}

.background {background-color:#2aafbd;}

.border {border:1px solid #2aafbd;}

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

#030c0c
```
#030c0c rgb(3,12,12)
```
#061a1d
```
#061a1d rgb(6,26,29)
```
#0a292d
```
#0a292d rgb(10,41,45)
```
#0d383d
```
#0d383d rgb(13,56,61)
```
#11474d
```
#11474d rgb(17,71,77)
```
#15565d
```
#15565d rgb(21,86,93)
```
#18656d
```
#18656d rgb(24,101,109)
```
#1c747d
```
#1c747d rgb(28,116,125)
```
#1f828d
```
#1f828d rgb(31,130,141)
```
#23919d
```
#23919d rgb(35,145,157)
```
#26a0ad
```
#26a0ad rgb(38,160,173)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#2ebecd
```
#2ebecd rgb(46,190,205)
```

Shade Color Variation

#3bc5d3
```
#3bc5d3 rgb(59,197,211)
```
#4bcad7
```
#4bcad7 rgb(75,202,215)
```
#5bcedb
```
#5bcedb rgb(91,206,219)
```
#6bd3de
```
#6bd3de rgb(107,211,222)
```
#7bd8e2
```
#7bd8e2 rgb(123,216,226)
```
#8bdde5
```
#8bdde5 rgb(139,221,229)
```
#9be1e9
```
#9be1e9 rgb(155,225,233)
```
#abe6ec
```
#abe6ec rgb(171,230,236)
```
#bbebf0
```
#bbebf0 rgb(187,235,240)
```
#cbf0f4
```
#cbf0f4 rgb(203,240,244)
```
#dbf4f7
```
#dbf4f7 rgb(219,244,247)
```
#ebf9fb
```
#ebf9fb rgb(235,249,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#717576
```
#717576 rgb(113,117,118)
```
#687d7f
```
#687d7f rgb(104,125,127)
```
#5f8488
```
#5f8488 rgb(95,132,136)
```
#568b91
```
#568b91 rgb(86,139,145)
```
#4e9299
```
#4e9299 rgb(78,146,153)
```
#4599a2
```
#4599a2 rgb(69,153,162)
```
#3ca1ab
```
#3ca1ab rgb(60,161,171)
```
#33a8b4
```
#33a8b4 rgb(51,168,180)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#21b6c6
```
#21b6c6 rgb(33,182,198)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#0fc5d8
```
#0fc5d8 rgb(15,197,216)
```
#06cce1
```
#06cce1 rgb(6,204,225)
```

Tone Color Variation

Below, you can see how #2aafbd 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

#898989 Achromatopsia 0.005% of the population
#769193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a3b6 Protanopia 1% of men
#a0a1c7 Deuteranopia 1% of men
#34b3c0 Tritanopia 0.001% of the population

Trichromacy

#75a7b9 Protanomaly 1% of men, 0.01% of women
#75a6c3 Deuteranomaly 6% of men, 0.4% of women
#30b1bf Tritanomaly 0.01% of the population

#2aafbd hex color

#2aafbd Color Information

#2aafbd Color Conversion

Color Schemes with #2aafbd

Alternatives to #2aafbd

#2aafbd Preview

Shades and Tints of #2aafbd

Tones of #2aafbd

Color Blindness Simulator