#2a02f9 hex color

In a RGB color space, hex #2a02f9 is composed of 16.5% red, 0.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 99.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 249.7 degrees, a saturation of 98.4% and a lightness of 49.2%. #2a02f9 color hex could be obtained by blending #5404ff with #0000f3. Closest websafe color is: #3300ff.

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

● #2a02f9 color description : Vivid blue.

The hexadecimal color #2a02f9 has RGB values of R:42, G:2, B:249 and CMYK values of C:0.83, M:0.99, Y:0, K:0.02. Its decimal value is 2753273.

Hex triplet	2a02f9	`#2a02f9`
RGB Decimal	42, 2, 249	`rgb(42,2,249)`
RGB Percent	16.5, 0.8, 97.6	`rgb(16.5%,0.8%,97.6%)`
CMYK	83, 99, 0, 2
HSL	249.7°, 98.4, 49.2	`hsl(249.7,98.4%,49.2%)`
HSV (or HSB)	249.7°, 99.2, 97.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.644, 77.844, -103.89
XYZ	18.072, 7.374, 90.088
xyY	0.156, 0.064, 7.374
CIE-LCH	32.644, 129.819, 306.844
CIE-LUV	32.644, -7.062, -128.152
Hunter-Lab	27.155, 71.273, -177.689
Binary	00101010, 00000010, 11111001

#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#d1f902
```
#d1f902 rgb(209,249,2)
```

Complementary Color

#0256f9
```
#0256f9 rgb(2,86,249)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#a602f9
```
#a602f9 rgb(166,2,249)
```

Analogous Color

#56f902
```
#56f902 rgb(86,249,2)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#f9a602
```
#f9a602 rgb(249,166,2)
```

Split Complementary Color

#02f92a
```
#02f92a rgb(2,249,42)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#f92a02
```
#f92a02 rgb(249,42,2)
```

Triadic Color

#02d1f9
```
#02d1f9 rgb(2,209,249)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#f92a02
```
#f92a02 rgb(249,42,2)
```
#d1f902
```
#d1f902 rgb(209,249,2)
```

Tetradic Color

#1d01ad
```
#1d01ad rgb(29,1,173)
```
#2102c6
```
#2102c6 rgb(33,2,198)
```
#2602e0
```
#2602e0 rgb(38,2,224)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#3d17fd
```
#3d17fd rgb(61,23,253)
```
#5231fd
```
#5231fd rgb(82,49,253)
```
#674afe
```
#674afe rgb(103,74,254)
```

Monochromatic Color

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

#0218f9
```
#0218f9 rgb(2,24,249)
```
#0203f9
```
#0203f9 rgb(2,3,249)
```
#1502f9
```
#1502f9 rgb(21,2,249)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```
#3f02f9
```
#3f02f9 rgb(63,2,249)
```
#5302f9
```
#5302f9 rgb(83,2,249)
```
#6802f9
```
#6802f9 rgb(104,2,249)
```

Similar Colors

Text with hexadecimal color #2a02f9

This text has a font color of #2a02f9.

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

#2a02f9 background color

This paragraph has a background color of #2a02f9.

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

#2a02f9 border color

This element has a border color of #2a02f9.

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

CSS codes

.text {color:#2a02f9;}

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

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

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, #03000f is the darkest color, while #fcfbff is the lightest one.

#03000f
```
#03000f rgb(3,0,15)
```
#060023
```
#060023 rgb(6,0,35)
```
#090036
```
#090036 rgb(9,0,54)
```
#0c014a
```
#0c014a rgb(12,1,74)
```
#10015d
```
#10015d rgb(16,1,93)
```
#130171
```
#130171 rgb(19,1,113)
```
#160184
```
#160184 rgb(22,1,132)
```
#1a0198
```
#1a0198 rgb(26,1,152)
```
#1d01ab
```
#1d01ab rgb(29,1,171)
```
#2002bf
```
#2002bf rgb(32,2,191)
```
#2302d2
```
#2302d2 rgb(35,2,210)
```
#2702e6
```
#2702e6 rgb(39,2,230)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```

Shade Color Variation

#3812fd
```
#3812fd rgb(56,18,253)
```
#4825fd
```
#4825fd rgb(72,37,253)
```
#5838fd
```
#5838fd rgb(88,56,253)
```
#694cfe
```
#694cfe rgb(105,76,254)
```
#795ffe
```
#795ffe rgb(121,95,254)
```
#8973fe
```
#8973fe rgb(137,115,254)
```
#9a86fe
```
#9a86fe rgb(154,134,254)
```
#aa9afe
```
#aa9afe rgb(170,154,254)
```
#baadfe
```
#baadfe rgb(186,173,254)
```
#cbc1fe
```
#cbc1fe rgb(203,193,254)
```
#dbd4ff
```
#dbd4ff rgb(219,212,255)
```
#ebe8ff
```
#ebe8ff rgb(235,232,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#787685
```
#787685 rgb(120,118,133)
```
#726c8f
```
#726c8f rgb(114,108,143)
```
#6b6398
```
#6b6398 rgb(107,99,152)
```
#6559a2
```
#6559a2 rgb(101,89,162)
```
#5e4fac
```
#5e4fac rgb(94,79,172)
```
#5846b5
```
#5846b5 rgb(88,70,181)
```
#513cbf
```
#513cbf rgb(81,60,191)
```
#4b32c9
```
#4b32c9 rgb(75,50,201)
```
#4429d2
```
#4429d2 rgb(68,41,210)
```
#3e1fdc
```
#3e1fdc rgb(62,31,220)
```
#3715e6
```
#3715e6 rgb(55,21,230)
```
#310cef
```
#310cef rgb(49,12,239)
```
#2a02f9
```
#2a02f9 rgb(42,2,249)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2a2253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0f36c1 Protanomaly 1% of men, 0.01% of women
#0f39b3 Deuteranomaly 6% of men, 0.4% of women
#0f3c99 Tritanomaly 0.01% of the population

#2a02f9 hex color

#2a02f9 Color Information

#2a02f9 Color Conversion

Color Schemes with #2a02f9

Alternatives to #2a02f9

#2a02f9 Preview

Shades and Tints of #2a02f9

Tones of #2a02f9

Color Blindness Simulator