colorhexa.com

#2a3afc hex color

In a RGB color space, hex #2a3afc is composed of 16.5% red, 22.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 77% magenta, 0% yellow and 1.2% black. It has a hue angle of 235.4 degrees, a saturation of 97.2% and a lightness of 57.6%. #2a3afc color hex could be obtained by blending #5474ff with #0000f9. Closest websafe color is: #3333ff.

- R 16
- G 23
- B 99
RGB color chart
- C 83
- M 77
- Y 0
- K 1
CMYK color chart

● #2a3afc color description : Bright blue.

The hexadecimal color #2a3afc has RGB values of R:42, G:58, B:252 and CMYK values of C:0.83, M:0.77, Y:0, K:0.01. Its decimal value is 2767612.

Hex triplet	2a3afc	`#2a3afc`
RGB Decimal	42, 58, 252	`rgb(42,58,252)`
RGB Percent	16.5, 22.7, 98.8	`rgb(16.5%,22.7%,98.8%)`
CMYK	83, 77, 0, 1
HSL	235.4°, 97.2, 57.6	`hsl(235.4,97.2%,57.6%)`
HSV (or HSB)	235.4°, 83.3, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.804, 61.346, -95.318
XYZ	20.035, 10.545, 93.07
xyY	0.162, 0.085, 10.545
CIE-LCH	38.804, 113.353, 302.765
CIE-LUV	38.804, -11.421, -131.587
Hunter-Lab	32.473, 53.301, -147.196
Binary	00101010, 00111010, 11111100

#2a3afc
```
#2a3afc rgb(42,58,252)
```
#fcec2a
```
#fcec2a rgb(252,236,42)
```

Complementary Color

#2aa3fc
```
#2aa3fc rgb(42,163,252)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#832afc
```
#832afc rgb(131,42,252)
```

Analogous Color

#a3fc2a
```
#a3fc2a rgb(163,252,42)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#fc832a
```
#fc832a rgb(252,131,42)
```

Split Complementary Color

#3afc2a
```
#3afc2a rgb(58,252,42)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#fc2a3a
```
#fc2a3a rgb(252,42,58)
```

Triadic Color

#2afcec
```
#2afcec rgb(42,252,236)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#fc2a3a
```
#fc2a3a rgb(252,42,58)
```
#fcec2a
```
#fcec2a rgb(252,236,42)
```

Tetradic Color

#0313d6
```
#0313d6 rgb(3,19,214)
```
#0315f0
```
#0315f0 rgb(3,21,240)
```
#1123fc
```
#1123fc rgb(17,35,252)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#4351fc
```
#4351fc rgb(67,81,252)
```
#5c69fd
```
#5c69fd rgb(92,105,253)
```
#7580fd
```
#7580fd rgb(117,128,253)
```

Monochromatic Color

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

#2a6ffc
```
#2a6ffc rgb(42,111,252)
```
#2a5dfc
```
#2a5dfc rgb(42,93,252)
```
#2a4bfc
```
#2a4bfc rgb(42,75,252)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#2c2afc
```
#2c2afc rgb(44,42,252)
```
#3d2afc
```
#3d2afc rgb(61,42,252)
```
#4f2afc
```
#4f2afc rgb(79,42,252)
```

Similar Colors

Text with hexadecimal color #2a3afc

This text has a font color of #2a3afc.

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

#2a3afc background color

This paragraph has a background color of #2a3afc.

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

#2a3afc border color

This element has a border color of #2a3afc.

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

CSS codes

.text {color:#2a3afc;}

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

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

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

#000213
```
#000213 rgb(0,2,19)
```
#010326
```
#010326 rgb(1,3,38)
```
#01053a
```
#01053a rgb(1,5,58)
```
#01074d
```
#01074d rgb(1,7,77)
```
#010960
```
#010960 rgb(1,9,96)
```
#020a74
```
#020a74 rgb(2,10,116)
```
#020c87
```
#020c87 rgb(2,12,135)
```
#020e9b
```
#020e9b rgb(2,14,155)
```
#0210ae
```
#0210ae rgb(2,16,174)
```
#0311c1
```
#0311c1 rgb(3,17,193)
```
#0313d5
```
#0313d5 rgb(3,19,213)
```
#0315e8
```
#0315e8 rgb(3,21,232)
```
#0416fb
```
#0416fb rgb(4,22,251)
```

Shade Color Variation

#1728fc
```
#1728fc rgb(23,40,252)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```
#3d4cfc
```
#3d4cfc rgb(61,76,252)
```
#515efd
```
#515efd rgb(81,94,253)
```
#6470fd
```
#6470fd rgb(100,112,253)
```
#7782fd
```
#7782fd rgb(119,130,253)
```
#8b93fd
```
#8b93fd rgb(139,147,253)
```
#9ea5fe
```
#9ea5fe rgb(158,165,254)
```
#b1b7fe
```
#b1b7fe rgb(177,183,254)
```
#c5c9fe
```
#c5c9fe rgb(197,201,254)
```
#d8dbfe
```
#d8dbfe rgb(216,219,254)
```
#ebedff
```
#ebedff rgb(235,237,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e8f98
```
#8e8f98 rgb(142,143,152)
```
#8587a1
```
#8587a1 rgb(133,135,161)
```
#7d80a9
```
#7d80a9 rgb(125,128,169)
```
#7579b1
```
#7579b1 rgb(117,121,177)
```
#6c72ba
```
#6c72ba rgb(108,114,186)
```
#646bc2
```
#646bc2 rgb(100,107,194)
```
#5c64ca
```
#5c64ca rgb(92,100,202)
```
#545dd2
```
#545dd2 rgb(84,93,210)
```
#4b56db
```
#4b56db rgb(75,86,219)
```
#434fe3
```
#434fe3 rgb(67,79,227)
```
#3b48eb
```
#3b48eb rgb(59,72,235)
```
#3241f4
```
#3241f4 rgb(50,65,244)
```
#2a3afc
```
#2a3afc rgb(42,58,252)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#44486e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0f52d3 Protanomaly 1% of men, 0.01% of women
#0f56c3 Deuteranomaly 6% of men, 0.4% of women
#0f5ba4 Tritanomaly 0.01% of the population