#2aafda hex color

In a RGB color space, hex #2aafda is composed of 16.5% red, 68.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 19.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 194.7 degrees, a saturation of 70.4% and a lightness of 51%. #2aafda color hex could be obtained by blending #54ffff with #005fb5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 69
- B 85
RGB color chart
- C 81
- M 20
- Y 0
- K 15
CMYK color chart

● #2aafda color description : Bright cyan.

The hexadecimal color #2aafda has RGB values of R:42, G:175, B:218 and CMYK values of C:0.81, M:0.2, Y:0, K:0.15. Its decimal value is 2797530.

Hex triplet	2aafda	`#2aafda`
RGB Decimal	42, 175, 218	`rgb(42,175,218)`
RGB Percent	16.5, 68.6, 85.5	`rgb(16.5%,68.6%,85.5%)`
CMYK	81, 20, 0, 15
HSL	194.7°, 70.4, 51	`hsl(194.7,70.4%,51%)`
HSV (or HSB)	194.7°, 80.7, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.681, -20.024, -31.519
XYZ	28.936, 36.211, 71.79
xyY	0.211, 0.264, 36.211
CIE-LCH	66.681, 37.342, 237.573
CIE-LUV	66.681, -44.086, -47.226
Hunter-Lab	60.176, -19.474, -28.61
Binary	00101010, 10101111, 11011010

#2aafda
```
#2aafda rgb(42,175,218)
```
#da552a
```
#da552a rgb(218,85,42)
```

Complementary Color

#2adaad
```
#2adaad rgb(42,218,173)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#2a57da
```
#2a57da rgb(42,87,218)
```

Analogous Color

#daad2a
```
#daad2a rgb(218,173,42)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#da2a57
```
#da2a57 rgb(218,42,87)
```

Split Complementary Color

#afda2a
```
#afda2a rgb(175,218,42)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#da2aaf
```
#da2aaf rgb(218,42,175)
```

Triadic Color

#2ada55
```
#2ada55 rgb(42,218,85)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#da2aaf
```
#da2aaf rgb(218,42,175)
```
#da552a
```
#da552a rgb(218,85,42)
```

Tetradic Color

#1b7d9c
```
#1b7d9c rgb(27,125,156)
```
#1f8eb2
```
#1f8eb2 rgb(31,142,178)
```
#239fc8
```
#239fc8 rgb(35,159,200)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#40b7de
```
#40b7de rgb(64,183,222)
```
#55bfe2
```
#55bfe2 rgb(85,191,226)
```
#6bc7e5
```
#6bc7e5 rgb(107,199,229)
```

Monochromatic Color

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

#2adad9
```
#2adad9 rgb(42,218,217)
```
#2accda
```
#2accda rgb(42,204,218)
```
#2abeda
```
#2abeda rgb(42,190,218)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#2aa0da
```
#2aa0da rgb(42,160,218)
```
#2a92da
```
#2a92da rgb(42,146,218)
```
#2a83da
```
#2a83da rgb(42,131,218)
```

Similar Colors

Text with hexadecimal color #2aafda

This text has a font color of #2aafda.

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

#2aafda background color

This paragraph has a background color of #2aafda.

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

#2aafda border color

This element has a border color of #2aafda.

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

CSS codes

.text {color:#2aafda;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041115
```
#041115 rgb(4,17,21)
```
#071e26
```
#071e26 rgb(7,30,38)
```
#092b36
```
#092b36 rgb(9,43,54)
```
#0c3947
```
#0c3947 rgb(12,57,71)
```
#0f4658
```
#0f4658 rgb(15,70,88)
```
#125369
```
#125369 rgb(18,83,105)
```
#156179
```
#156179 rgb(21,97,121)
```
#186e8a
```
#186e8a rgb(24,110,138)
```
#1b7b9b
```
#1b7b9b rgb(27,123,155)
```
#1e89ab
```
#1e89ab rgb(30,137,171)
```
#2196bc
```
#2196bc rgb(33,150,188)
```
#24a3cd
```
#24a3cd rgb(36,163,205)
```

Shade Color Variation

#2aafda
```
#2aafda rgb(42,175,218)
```
#3bb5dd
```
#3bb5dd rgb(59,181,221)
```
#4bbce0
```
#4bbce0 rgb(75,188,224)
```
#5cc2e3
```
#5cc2e3 rgb(92,194,227)
```
#6dc8e6
```
#6dc8e6 rgb(109,200,230)
```
#7ecee9
```
#7ecee9 rgb(126,206,233)
```
#8ed5eb
```
#8ed5eb rgb(142,213,235)
```
#9fdbee
```
#9fdbee rgb(159,219,238)
```
#b0e1f1
```
#b0e1f1 rgb(176,225,241)
```
#c0e7f4
```
#c0e7f4 rgb(192,231,244)
```
#d1eef7
```
#d1eef7 rgb(209,238,247)
```
#e2f4fa
```
#e2f4fa rgb(226,244,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#818383
```
#818383 rgb(129,131,131)
```
#77888d
```
#77888d rgb(119,136,141)
```
#6d8d97
```
#6d8d97 rgb(109,141,151)
```
#6491a0
```
#6491a0 rgb(100,145,160)
```
#5a96aa
```
#5a96aa rgb(90,150,170)
```
#509bb4
```
#509bb4 rgb(80,155,180)
```
#47a0bd
```
#47a0bd rgb(71,160,189)
```
#3da5c7
```
#3da5c7 rgb(61,165,199)
```
#34aad0
```
#34aad0 rgb(52,170,208)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#20b4e4
```
#20b4e4 rgb(32,180,228)
```
#17b9ed
```
#17b9ed rgb(23,185,237)
```
#0dbef7
```
#0dbef7 rgb(13,190,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#78939c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa5d2 Protanopia 1% of men
#92a5e1 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#71a8d5 Protanomaly 1% of men, 0.01% of women
#6ca8de Deuteranomaly 6% of men, 0.4% of women
#0fb4cc Tritanomaly 0.01% of the population

#2aafda hex color

#2aafda Color Information

#2aafda Color Conversion

Color Schemes with #2aafda

Alternatives to #2aafda

#2aafda Preview

Shades and Tints of #2aafda

Tones of #2aafda

Color Blindness Simulator