#2a2afd hex color

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

♥
- f
- t
- g
- R 16
- G 16
- B 99
RGB color chart
- C 83
- M 83
- Y 0
- K 1
CMYK color chart

● #2a2afd color description : Bright blue.

The hexadecimal color #2a2afd has RGB values of R:42, G:42, B:253 and CMYK values of C:0.83, M:0.83, Y:0, K:0.01. Its decimal value is 2763517.

Hex triplet	2a2afd	`#2a2afd`
RGB Decimal	42, 42, 253	`rgb(42,42,253)`
RGB Percent	16.5, 16.5, 99.2	`rgb(16.5%,16.5%,99.2%)`
CMYK	83, 83, 0, 1
HSL	240°, 98.1, 57.8	`hsl(240,98.1%,57.8%)`
HSV (or HSB)	240°, 83.4, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.44, 68.907, -99.807
XYZ	19.509, 9.239, 93.678
xyY	0.159, 0.075, 9.239
CIE-LCH	36.44, 121.283, 304.622
CIE-LUV	36.44, -9.537, -132.161
Hunter-Lab	30.395, 61.378, -161.456
Binary	00101010, 00101010, 11111101

#2a2afd
```
#2a2afd rgb(42,42,253)
```
#fdfd2a
```
#fdfd2a rgb(253,253,42)
```

Complementary Color

#2a94fd
```
#2a94fd rgb(42,148,253)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#942afd
```
#942afd rgb(148,42,253)
```

Analogous Color

#94fd2a
```
#94fd2a rgb(148,253,42)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#fd942a
```
#fd942a rgb(253,148,42)
```

Split Complementary Color

#2afd2a
```
#2afd2a rgb(42,253,42)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#fd2a2a
```
#fd2a2a rgb(253,42,42)
```

Triadic Color

#2afdfd
```
#2afdfd rgb(42,253,253)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#fd2a2a
```
#fd2a2a rgb(253,42,42)
```
#fdfd2a
```
#fdfd2a rgb(253,253,42)
```

Tetradic Color

#0202d8
```
#0202d8 rgb(2,2,216)
```
#0202f2
```
#0202f2 rgb(2,2,242)
```
#1111fd
```
#1111fd rgb(17,17,253)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#4343fd
```
#4343fd rgb(67,67,253)
```
#5d5dfd
```
#5d5dfd rgb(93,93,253)
```
#7676fe
```
#7676fe rgb(118,118,254)
```

Monochromatic Color

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

#2a5ffd
```
#2a5ffd rgb(42,95,253)
```
#2a4dfd
```
#2a4dfd rgb(42,77,253)
```
#2a3cfd
```
#2a3cfd rgb(42,60,253)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#3c2afd
```
#3c2afd rgb(60,42,253)
```
#4d2afd
```
#4d2afd rgb(77,42,253)
```
#5f2afd
```
#5f2afd rgb(95,42,253)
```

Similar Colors

Text with hexadecimal color #2a2afd

This text has a font color of #2a2afd.

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

#2a2afd background color

This paragraph has a background color of #2a2afd.

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

#2a2afd border color

This element has a border color of #2a2afd.

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

CSS codes

.text {color:#2a2afd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000014
```
#000014 rgb(0,0,20)
```
#000028
```
#000028 rgb(0,0,40)
```
#01013b
```
#01013b rgb(1,1,59)
```
#01014e
```
#01014e rgb(1,1,78)
```
#010162
```
#010162 rgb(1,1,98)
```
#010175
```
#010175 rgb(1,1,117)
```
#010189
```
#010189 rgb(1,1,137)
```
#01019c
```
#01019c rgb(1,1,156)
```
#0202b0
```
#0202b0 rgb(2,2,176)
```
#0202c3
```
#0202c3 rgb(2,2,195)
```
#0202d7
```
#0202d7 rgb(2,2,215)
```
#0202ea
```
#0202ea rgb(2,2,234)
```

Shade Color Variation

#0303fd
```
#0303fd rgb(3,3,253)
```
#1717fd
```
#1717fd rgb(23,23,253)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```
#3d3dfd
```
#3d3dfd rgb(61,61,253)
```
#5151fd
```
#5151fd rgb(81,81,253)
```
#6464fe
```
#6464fe rgb(100,100,254)
```
#7878fe
```
#7878fe rgb(120,120,254)
```
#8b8bfe
```
#8b8bfe rgb(139,139,254)
```
#9f9ffe
```
#9f9ffe rgb(159,159,254)
```
#b2b2fe
```
#b2b2fe rgb(178,178,254)
```
#c5c5fe
```
#c5c5fe rgb(197,197,254)
```
#d9d9ff
```
#d9d9ff rgb(217,217,255)
```
#ececff
```
#ececff rgb(236,236,255)
```

Tint Color Variation

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

#8d8d9a
```
#8d8d9a rgb(141,141,154)
```
#8585a2
```
#8585a2 rgb(133,133,162)
```
#7d7daa
```
#7d7daa rgb(125,125,170)
```
#7474b3
```
#7474b3 rgb(116,116,179)
```
#6c6cbb
```
#6c6cbb rgb(108,108,187)
```
#6464c3
```
#6464c3 rgb(100,100,195)
```
#5c5ccb
```
#5c5ccb rgb(92,92,203)
```
#5353d4
```
#5353d4 rgb(83,83,212)
```
#4b4bdc
```
#4b4bdc rgb(75,75,220)
```
#4343e4
```
#4343e4 rgb(67,67,228)
```
#3b3bec
```
#3b3bec rgb(59,59,236)
```
#3232f5
```
#3232f5 rgb(50,50,245)
```
#2a2afd
```
#2a2afd rgb(42,42,253)
```

Tone Color Variation

Below, you can see how #2a2afd 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
#3d3d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#0f49cd Protanomaly 1% of men, 0.01% of women
#0f4dbd Deuteranomaly 6% of men, 0.4% of women
#0f51a0 Tritanomaly 0.01% of the population

#2a2afd hex color

#2a2afd Color Information

#2a2afd Color Conversion

Color Schemes with #2a2afd

Alternatives to #2a2afd

#2a2afd Preview

Shades and Tints of #2a2afd

Tones of #2a2afd

Color Blindness Simulator