#2aa3dc hex color

In a RGB color space, hex #2aa3dc is composed of 16.5% red, 63.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 25.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 199.2 degrees, a saturation of 71.8% and a lightness of 51.4%. #2aa3dc color hex could be obtained by blending #54ffff with #0047b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 64
- B 86
RGB color chart
- C 81
- M 26
- Y 0
- K 14
CMYK color chart

● #2aa3dc color description : Bright blue.

The hexadecimal color #2aa3dc has RGB values of R:42, G:163, B:220 and CMYK values of C:0.81, M:0.26, Y:0, K:0.14. Its decimal value is 2794460.

Hex triplet	2aa3dc	`#2aa3dc`
RGB Decimal	42, 163, 220	`rgb(42,163,220)`
RGB Percent	16.5, 63.9, 86.3	`rgb(16.5%,63.9%,86.3%)`
CMYK	81, 26, 0, 14
HSL	199.2°, 71.8, 51.4	`hsl(199.2,71.8%,51.4%)`
HSV (or HSB)	199.2°, 80.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.22, -12.915, -38.005
XYZ	26.967, 31.851, 72.433
xyY	0.205, 0.243, 31.851
CIE-LCH	63.22, 40.139, 251.231
CIE-LUV	63.22, -39.816, -58.612
Hunter-Lab	56.437, -13.473, -36.588
Binary	00101010, 10100011, 11011100

#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#dc632a
```
#dc632a rgb(220,99,42)
```

Complementary Color

#2adcbc
```
#2adcbc rgb(42,220,188)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#2a4adc
```
#2a4adc rgb(42,74,220)
```

Analogous Color

#dcbc2a
```
#dcbc2a rgb(220,188,42)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#dc2a4a
```
#dc2a4a rgb(220,42,74)
```

Split Complementary Color

#a3dc2a
```
#a3dc2a rgb(163,220,42)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#dc2aa3
```
#dc2aa3 rgb(220,42,163)
```

Triadic Color

#2adc63
```
#2adc63 rgb(42,220,99)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#dc2aa3
```
#dc2aa3 rgb(220,42,163)
```
#dc632a
```
#dc632a rgb(220,99,42)
```

Tetradic Color

#1a759f
```
#1a759f rgb(26,117,159)
```
#1e85b5
```
#1e85b5 rgb(30,133,181)
```
#2195cb
```
#2195cb rgb(33,149,203)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#40ace0
```
#40ace0 rgb(64,172,224)
```
#56b6e3
```
#56b6e3 rgb(86,182,227)
```
#6cbfe7
```
#6cbfe7 rgb(108,191,231)
```

Monochromatic Color

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

#2ad0dc
```
#2ad0dc rgb(42,208,220)
```
#2ac1dc
```
#2ac1dc rgb(42,193,220)
```
#2ab2dc
```
#2ab2dc rgb(42,178,220)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#2a94dc
```
#2a94dc rgb(42,148,220)
```
#2a85dc
```
#2a85dc rgb(42,133,220)
```
#2a77dc
```
#2a77dc rgb(42,119,220)
```

Similar Colors

Text with hexadecimal color #2aa3dc

This text has a font color of #2aa3dc.

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

#2aa3dc background color

This paragraph has a background color of #2aa3dc.

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

#2aa3dc border color

This element has a border color of #2aa3dc.

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

CSS codes

.text {color:#2aa3dc;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#071d28
```
#071d28 rgb(7,29,40)
```
#092939
```
#092939 rgb(9,41,57)
```
#0c3649
```
#0c3649 rgb(12,54,73)
```
#0f425a
```
#0f425a rgb(15,66,90)
```
#124e6b
```
#124e6b rgb(18,78,107)
```
#145b7c
```
#145b7c rgb(20,91,124)
```
#17678d
```
#17678d rgb(23,103,141)
```
#1a739e
```
#1a739e rgb(26,115,158)
```
#1d80ae
```
#1d80ae rgb(29,128,174)
```
#1f8cbf
```
#1f8cbf rgb(31,140,191)
```
#2298d0
```
#2298d0 rgb(34,152,208)
```

Shade Color Variation

#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#3baadf
```
#3baadf rgb(59,170,223)
```
#4cb2e2
```
#4cb2e2 rgb(76,178,226)
```
#5db9e4
```
#5db9e4 rgb(93,185,228)
```
#6dc0e7
```
#6dc0e7 rgb(109,192,231)
```
#7ec7ea
```
#7ec7ea rgb(126,199,234)
```
#8fcfed
```
#8fcfed rgb(143,207,237)
```
#a0d6ef
```
#a0d6ef rgb(160,214,239)
```
#b1ddf2
```
#b1ddf2 rgb(177,221,242)
```
#c2e4f5
```
#c2e4f5 rgb(194,228,245)
```
#d2ecf8
```
#d2ecf8 rgb(210,236,248)
```
#e3f3fa
```
#e3f3fa rgb(227,243,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#808486
```
#808486 rgb(128,132,134)
```
#768890
```
#768890 rgb(118,136,144)
```
#6d8b99
```
#6d8b99 rgb(109,139,153)
```
#638ea3
```
#638ea3 rgb(99,142,163)
```
#5a92ac
```
#5a92ac rgb(90,146,172)
```
#5095b6
```
#5095b6 rgb(80,149,182)
```
#4799bf
```
#4799bf rgb(71,153,191)
```
#3d9cc9
```
#3d9cc9 rgb(61,156,201)
```
#34a0d2
```
#34a0d2 rgb(52,160,210)
```
#2aa3dc
```
#2aa3dc rgb(42,163,220)
```
#20a6e6
```
#20a6e6 rgb(32,166,230)
```
#17aaef
```
#17aaef rgb(23,170,239)
```
#0dadf9
```
#0dadf9 rgb(13,173,249)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9cd5 Protanopia 1% of men
#7e9de2 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#689ed7 Protanomaly 1% of men, 0.01% of women
#5f9fdf Deuteranomaly 6% of men, 0.4% of women
#0fa9c6 Tritanomaly 0.01% of the population

#2aa3dc hex color

#2aa3dc Color Information

#2aa3dc Color Conversion

Color Schemes with #2aa3dc

Alternatives to #2aa3dc

#2aa3dc Preview

Shades and Tints of #2aa3dc

Tones of #2aa3dc

Color Blindness Simulator