#2aa5f3 hex color

In a RGB color space, hex #2aa5f3 is composed of 16.5% red, 64.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 32.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 203.3 degrees, a saturation of 89.3% and a lightness of 55.9%. #2aa5f3 color hex could be obtained by blending #54ffff with #004be7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 65
- B 95
RGB color chart
- C 83
- M 32
- Y 0
- K 5
CMYK color chart

● #2aa5f3 color description : Bright blue.

The hexadecimal color #2aa5f3 has RGB values of R:42, G:165, B:243 and CMYK values of C:0.83, M:0.32, Y:0, K:0.05. Its decimal value is 2794995.

Hex triplet	2aa5f3	`#2aa5f3`
RGB Decimal	42, 165, 243	`rgb(42,165,243)`
RGB Percent	16.5, 64.7, 95.3	`rgb(16.5%,64.7%,95.3%)`
CMYK	83, 32, 0, 5
HSL	203.3°, 89.3, 55.9	`hsl(203.3,89.3%,55.9%)`
HSV (or HSB)	203.3°, 82.7, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.86, -5.908, -48.085
XYZ	30.584, 33.871, 89.715
xyY	0.198, 0.22, 33.871
CIE-LCH	64.86, 48.447, 262.995
CIE-LUV	64.86, -39.12, -76.699
Hunter-Lab	58.199, -8.045, -50.658
Binary	00101010, 10100101, 11110011

#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#f3782a
```
#f3782a rgb(243,120,42)
```

Complementary Color

#2af3dd
```
#2af3dd rgb(42,243,221)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#2a41f3
```
#2a41f3 rgb(42,65,243)
```

Analogous Color

#f3dd2a
```
#f3dd2a rgb(243,221,42)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#f32a41
```
#f32a41 rgb(243,42,65)
```

Split Complementary Color

#a5f32a
```
#a5f32a rgb(165,243,42)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#f32aa5
```
#f32aa5 rgb(243,42,165)
```

Triadic Color

#2af378
```
#2af378 rgb(42,243,120)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#f32aa5
```
#f32aa5 rgb(243,42,165)
```
#f3782a
```
#f3782a rgb(243,120,42)
```

Tetradic Color

#0b7dc5
```
#0b7dc5 rgb(11,125,197)
```
#0c8cde
```
#0c8cde rgb(12,140,222)
```
#129bf2
```
#129bf2 rgb(18,155,242)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#42aff4
```
#42aff4 rgb(66,175,244)
```
#5ab9f6
```
#5ab9f6 rgb(90,185,246)
```
#72c4f7
```
#72c4f7 rgb(114,196,247)
```

Monochromatic Color

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

#2ad7f3
```
#2ad7f3 rgb(42,215,243)
```
#2ac7f3
```
#2ac7f3 rgb(42,199,243)
```
#2ab6f3
```
#2ab6f3 rgb(42,182,243)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#2a94f3
```
#2a94f3 rgb(42,148,243)
```
#2a84f3
```
#2a84f3 rgb(42,132,243)
```
#2a73f3
```
#2a73f3 rgb(42,115,243)
```

Similar Colors

Text with hexadecimal color #2aa5f3

This text has a font color of #2aa5f3.

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

#2aa5f3 background color

This paragraph has a background color of #2aa5f3.

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

#2aa5f3 border color

This element has a border color of #2aa5f3.

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

CSS codes

.text {color:#2aa5f3;}

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

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

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, #01060a is the darkest color, while #f6fbff is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#02121c
```
#02121c rgb(2,18,28)
```
#031e2f
```
#031e2f rgb(3,30,47)
```
#042a42
```
#042a42 rgb(4,42,66)
```
#053554
```
#053554 rgb(5,53,84)
```
#064167
```
#064167 rgb(6,65,103)
```
#074d79
```
#074d79 rgb(7,77,121)
```
#08598c
```
#08598c rgb(8,89,140)
```
#09649e
```
#09649e rgb(9,100,158)
```
#0a70b1
```
#0a70b1 rgb(10,112,177)
```
#0b7cc4
```
#0b7cc4 rgb(11,124,196)
```
#0c88d6
```
#0c88d6 rgb(12,136,214)
```
#0d93e9
```
#0d93e9 rgb(13,147,233)
```

Shade Color Variation

#179df2
```
#179df2 rgb(23,157,242)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#3dadf4
```
#3dadf4 rgb(61,173,244)
```
#4fb5f5
```
#4fb5f5 rgb(79,181,245)
```
#62bdf6
```
#62bdf6 rgb(98,189,246)
```
#74c4f7
```
#74c4f7 rgb(116,196,247)
```
#87ccf8
```
#87ccf8 rgb(135,204,248)
```
#99d4f9
```
#99d4f9 rgb(153,212,249)
```
#acdcfa
```
#acdcfa rgb(172,220,250)
```
#bfe4fb
```
#bfe4fb rgb(191,228,251)
```
#d1ecfc
```
#d1ecfc rgb(209,236,252)
```
#e4f3fd
```
#e4f3fd rgb(228,243,253)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#899094
```
#899094 rgb(137,144,148)
```
#81929c
```
#81929c rgb(129,146,156)
```
#7894a5
```
#7894a5 rgb(120,148,165)
```
#6f96ae
```
#6f96ae rgb(111,150,174)
```
#6797b6
```
#6797b6 rgb(103,151,182)
```
#5e99bf
```
#5e99bf rgb(94,153,191)
```
#559bc8
```
#559bc8 rgb(85,155,200)
```
#4d9dd0
```
#4d9dd0 rgb(77,157,208)
```
#449fd9
```
#449fd9 rgb(68,159,217)
```
#3ba1e2
```
#3ba1e2 rgb(59,161,226)
```
#33a3ea
```
#33a3ea rgb(51,163,234)
```
#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#21a7fc
```
#21a7fc rgb(33,167,252)
```

Tone Color Variation

Below, you can see how #2aa5f3 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
#768f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#859fec Protanopia 1% of men
#6fa2f6 Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#64a1ee Protanomaly 1% of men, 0.01% of women
#55a3f5 Deuteranomaly 6% of men, 0.4% of women
#0fadd1 Tritanomaly 0.01% of the population

#2aa5f3 hex color

#2aa5f3 Color Information

#2aa5f3 Color Conversion

Color Schemes with #2aa5f3

Alternatives to #2aa5f3

#2aa5f3 Preview

Shades and Tints of #2aa5f3

Tones of #2aa5f3

Color Blindness Simulator