#2a2aff hex color

In a RGB color space, hex #2a2aff is composed of 16.5% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 58.2%. #2a2aff color hex could be obtained by blending #5454ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 16
- B 100
RGB color chart
- C 84
- M 84
- Y 0
- K 0
CMYK color chart

● #2a2aff color description : Vivid blue.

The hexadecimal color #2a2aff has RGB values of R:42, G:42, B:255 and CMYK values of C:0.84, M:0.84, Y:0, K:0. Its decimal value is 2763519.

Hex triplet	2a2aff	`#2a2aff`
RGB Decimal	42, 42, 255	`rgb(42,42,255)`
RGB Percent	16.5, 16.5, 100	`rgb(16.5%,16.5%,100%)`
CMYK	84, 84, 0, 0
HSL	240°, 100, 58.2	`hsl(240,100%,58.2%)`
HSV (or HSB)	240°, 83.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.681, 69.473, -100.526
XYZ	19.829, 9.367, 95.365
xyY	0.159, 0.075, 9.367
CIE-LCH	36.681, 122.196, 304.648
CIE-LUV	36.681, -9.618, -133.281
Hunter-Lab	30.605, 62.092, -163.323
Binary	00101010, 00101010, 11111111

#2a2aff
```
#2a2aff rgb(42,42,255)
```
#ffff2a
```
#ffff2a rgb(255,255,42)
```

Complementary Color

#2a95ff
```
#2a95ff rgb(42,149,255)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#952aff
```
#952aff rgb(149,42,255)
```

Analogous Color

#95ff2a
```
#95ff2a rgb(149,255,42)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#ff952a
```
#ff952a rgb(255,149,42)
```

Split Complementary Color

#2aff2a
```
#2aff2a rgb(42,255,42)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#ff2a2a
```
#ff2a2a rgb(255,42,42)
```

Triadic Color

#2affff
```
#2affff rgb(42,255,255)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#ff2a2a
```
#ff2a2a rgb(255,42,42)
```
#ffff2a
```
#ffff2a rgb(255,255,42)
```

Tetradic Color

#0000dd
```
#0000dd rgb(0,0,221)
```
#0000f6
```
#0000f6 rgb(0,0,246)
```
#1111ff
```
#1111ff rgb(17,17,255)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#4444ff
```
#4444ff rgb(68,68,255)
```
#5d5dff
```
#5d5dff rgb(93,93,255)
```
#7777ff
```
#7777ff rgb(119,119,255)
```

Monochromatic Color

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

#2a5fff
```
#2a5fff rgb(42,95,255)
```
#2a4eff
```
#2a4eff rgb(42,78,255)
```
#2a3cff
```
#2a3cff rgb(42,60,255)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#4d2aff
```
#4d2aff rgb(77,42,255)
```
#5f2aff
```
#5f2aff rgb(95,42,255)
```

Similar Colors

Text with hexadecimal color #2a2aff

This text has a font color of #2a2aff.

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

#2a2aff background color

This paragraph has a background color of #2a2aff.

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

#2a2aff border color

This element has a border color of #2a2aff.

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

CSS codes

.text {color:#2a2aff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000016
```
#000016 rgb(0,0,22)
```
#00002a
```
#00002a rgb(0,0,42)
```
#00003e
```
#00003e rgb(0,0,62)
```
#000051
```
#000051 rgb(0,0,81)
```
#000065
```
#000065 rgb(0,0,101)
```
#000078
```
#000078 rgb(0,0,120)
```
#00008c
```
#00008c rgb(0,0,140)
```
#0000a0
```
#0000a0 rgb(0,0,160)
```
#0000b3
```
#0000b3 rgb(0,0,179)
```
#0000c7
```
#0000c7 rgb(0,0,199)
```
#0000db
```
#0000db rgb(0,0,219)
```
#0000ee
```
#0000ee rgb(0,0,238)
```

Shade Color Variation

#0303ff
```
#0303ff rgb(3,3,255)
```
#1616ff
```
#1616ff rgb(22,22,255)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```
#3e3eff
```
#3e3eff rgb(62,62,255)
```
#5151ff
```
#5151ff rgb(81,81,255)
```
#6565ff
```
#6565ff rgb(101,101,255)
```
#7878ff
```
#7878ff rgb(120,120,255)
```
#8c8cff
```
#8c8cff rgb(140,140,255)
```
#a0a0ff
```
#a0a0ff rgb(160,160,255)
```
#b3b3ff
```
#b3b3ff rgb(179,179,255)
```
#c7c7ff
```
#c7c7ff rgb(199,199,255)
```
#dbdbff
```
#dbdbff rgb(219,219,255)
```
#eeeeff
```
#eeeeff rgb(238,238,255)
```

Tint Color Variation

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

#8c8c9d
```
#8c8c9d rgb(140,140,157)
```
#8484a5
```
#8484a5 rgb(132,132,165)
```
#7c7cad
```
#7c7cad rgb(124,124,173)
```
#7474b5
```
#7474b5 rgb(116,116,181)
```
#6c6cbd
```
#6c6cbd rgb(108,108,189)
```
#6363c6
```
#6363c6 rgb(99,99,198)
```
#5b5bce
```
#5b5bce rgb(91,91,206)
```
#5353d6
```
#5353d6 rgb(83,83,214)
```
#4b4bde
```
#4b4bde rgb(75,75,222)
```
#4343e6
```
#4343e6 rgb(67,67,230)
```
#3a3aef
```
#3a3aef rgb(58,58,239)
```
#3232f7
```
#3232f7 rgb(50,50,247)
```
#2a2aff
```
#2a2aff rgb(42,42,255)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d3d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0f4ace Protanomaly 1% of men, 0.01% of women
#0f4dbf Deuteranomaly 6% of men, 0.4% of women
#0f51a2 Tritanomaly 0.01% of the population

#2a2aff hex color

#2a2aff Color Information

#2a2aff Color Conversion

Color Schemes with #2a2aff

Alternatives to #2a2aff

#2a2aff Preview

Shades and Tints of #2a2aff

Tones of #2a2aff

Color Blindness Simulator