#2a5aef hex color

In a RGB color space, hex #2a5aef is composed of 16.5% red, 35.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 62.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 225.4 degrees, a saturation of 86% and a lightness of 55.1%. #2a5aef color hex could be obtained by blending #54b4ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 35
- B 94
RGB color chart
- C 82
- M 62
- Y 0
- K 6
CMYK color chart

● #2a5aef color description : Bright blue.

The hexadecimal color #2a5aef has RGB values of R:42, G:90, B:239 and CMYK values of C:0.82, M:0.62, Y:0, K:0.06. Its decimal value is 2775791.

Hex triplet	2a5aef	`#2a5aef`
RGB Decimal	42, 90, 239	`rgb(42,90,239)`
RGB Percent	16.5, 35.3, 93.7	`rgb(16.5%,35.3%,93.7%)`
CMYK	82, 62, 0, 6
HSL	225.4°, 86, 55.1	`hsl(225.4,86%,55.1%)`
HSV (or HSB)	225.4°, 82.4, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.283, 38.482, -78.984
XYZ	20.188, 14.035, 83.302
xyY	0.172, 0.119, 14.035
CIE-LCH	44.283, 87.859, 295.976
CIE-LUV	44.283, -17.17, -118.313
Hunter-Lab	37.463, 30.627, -105.61
Binary	00101010, 01011010, 11101111

#2a5aef
```
#2a5aef rgb(42,90,239)
```
#efbf2a
```
#efbf2a rgb(239,191,42)
```

Complementary Color

#2abdef
```
#2abdef rgb(42,189,239)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#5c2aef
```
#5c2aef rgb(92,42,239)
```

Analogous Color

#bdef2a
```
#bdef2a rgb(189,239,42)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#ef5c2a
```
#ef5c2a rgb(239,92,42)
```

Split Complementary Color

#5aef2a
```
#5aef2a rgb(90,239,42)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#ef2a5a
```
#ef2a5a rgb(239,42,90)
```

Triadic Color

#2aefbf
```
#2aefbf rgb(42,239,191)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#ef2a5a
```
#ef2a5a rgb(239,42,90)
```
#efbf2a
```
#efbf2a rgb(239,191,42)
```

Tetradic Color

#0e39be
```
#0e39be rgb(14,57,190)
```
#1040d6
```
#1040d6 rgb(16,64,214)
```
#1248ed
```
#1248ed rgb(18,72,237)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#426cf1
```
#426cf1 rgb(66,108,241)
```
#597ff3
```
#597ff3 rgb(89,127,243)
```
#7191f4
```
#7191f4 rgb(113,145,244)
```

Monochromatic Color

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

#2a8bef
```
#2a8bef rgb(42,139,239)
```
#2a7bef
```
#2a7bef rgb(42,123,239)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#2a4aef
```
#2a4aef rgb(42,74,239)
```
#2a39ef
```
#2a39ef rgb(42,57,239)
```
#2b2aef
```
#2b2aef rgb(43,42,239)
```

Similar Colors

Text with hexadecimal color #2a5aef

This text has a font color of #2a5aef.

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

#2a5aef background color

This paragraph has a background color of #2a5aef.

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

#2a5aef border color

This element has a border color of #2a5aef.

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

CSS codes

.text {color:#2a5aef;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#020718
```
#020718 rgb(2,7,24)
```
#030d2a
```
#030d2a rgb(3,13,42)
```
#05123d
```
#05123d rgb(5,18,61)
```
#06184f
```
#06184f rgb(6,24,79)
```
#071d61
```
#071d61 rgb(7,29,97)
```
#092373
```
#092373 rgb(9,35,115)
```
#0a2886
```
#0a2886 rgb(10,40,134)
```
#0b2e98
```
#0b2e98 rgb(11,46,152)
```
#0d33aa
```
#0d33aa rgb(13,51,170)
```
#0e39bc
```
#0e39bc rgb(14,57,188)
```
#103ecf
```
#103ecf rgb(16,62,207)
```
#1144e1
```
#1144e1 rgb(17,68,225)
```

Shade Color Variation

#184cee
```
#184cee rgb(24,76,238)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#3c68f0
```
#3c68f0 rgb(60,104,240)
```
#4e76f2
```
#4e76f2 rgb(78,118,242)
```
#6184f3
```
#6184f3 rgb(97,132,243)
```
#7393f4
```
#7393f4 rgb(115,147,244)
```
#85a1f6
```
#85a1f6 rgb(133,161,246)
```
#97aff7
```
#97aff7 rgb(151,175,247)
```
#aabdf9
```
#aabdf9 rgb(170,189,249)
```
#bccbfa
```
#bccbfa rgb(188,203,250)
```
#ced9fb
```
#ced9fb rgb(206,217,251)
```
#e0e7fd
```
#e0e7fd rgb(224,231,253)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8c8e is the less saturated color, while #2155f8 is the most saturated one.

#8b8c8e
```
#8b8c8e rgb(139,140,142)
```
#828797
```
#828797 rgb(130,135,151)
```
#7983a0
```
#7983a0 rgb(121,131,160)
```
#707ea9
```
#707ea9 rgb(112,126,169)
```
#687ab1
```
#687ab1 rgb(104,122,177)
```
#5f75ba
```
#5f75ba rgb(95,117,186)
```
#5671c3
```
#5671c3 rgb(86,113,195)
```
#4d6ccc
```
#4d6ccc rgb(77,108,204)
```
#4468d5
```
#4468d5 rgb(68,104,213)
```
#3c63dd
```
#3c63dd rgb(60,99,221)
```
#335fe6
```
#335fe6 rgb(51,95,230)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#2155f8
```
#2155f8 rgb(33,85,248)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#535c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#0f66de Protanomaly 1% of men, 0.01% of women
#0f6acc Deuteranomaly 6% of men, 0.4% of women
#0f6fa9 Tritanomaly 0.01% of the population

#2a5aef hex color

#2a5aef Color Information

#2a5aef Color Conversion

Color Schemes with #2a5aef

Alternatives to #2a5aef

#2a5aef Preview

Shades and Tints of #2a5aef

Tones of #2a5aef

Color Blindness Simulator