#2a46dc hex color

In a RGB color space, hex #2a46dc is composed of 16.5% red, 27.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 68.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 230.6 degrees, a saturation of 71.8% and a lightness of 51.4%. #2a46dc color hex could be obtained by blending #548cff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 27
- B 86
RGB color chart
- C 81
- M 68
- Y 0
- K 14
CMYK color chart

● #2a46dc color description : Bright blue.

The hexadecimal color #2a46dc has RGB values of R:42, G:70, B:220 and CMYK values of C:0.81, M:0.68, Y:0, K:0.14. Its decimal value is 2770652.

Hex triplet	2a46dc	`#2a46dc`
RGB Decimal	42, 70, 220	`rgb(42,70,220)`
RGB Percent	16.5, 27.5, 86.3	`rgb(16.5%,27.5%,86.3%)`
CMYK	81, 68, 0, 14
HSL	230.6°, 71.8, 51.4	`hsl(230.6,71.8%,51.4%)`
HSV (or HSB)	230.6°, 80.9, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.912, 44.047, -78.668
XYZ	16.061, 10.039, 68.797
xyY	0.169, 0.106, 10.039
CIE-LCH	37.912, 90.16, 299.245
CIE-LUV	37.912, -12.629, -111.453
Hunter-Lab	31.684, 35.035, -106.562
Binary	00101010, 01000110, 11011100

#2a46dc
```
#2a46dc rgb(42,70,220)
```
#dcc02a
```
#dcc02a rgb(220,192,42)
```

Complementary Color

#2a9fdc
```
#2a9fdc rgb(42,159,220)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#672adc
```
#672adc rgb(103,42,220)
```

Analogous Color

#9fdc2a
```
#9fdc2a rgb(159,220,42)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#dc672a
```
#dc672a rgb(220,103,42)
```

Split Complementary Color

#46dc2a
```
#46dc2a rgb(70,220,42)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#dc2a46
```
#dc2a46 rgb(220,42,70)
```

Triadic Color

#2adcc0
```
#2adcc0 rgb(42,220,192)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#dc2a46
```
#dc2a46 rgb(220,42,70)
```
#dcc02a
```
#dcc02a rgb(220,192,42)
```

Tetradic Color

#1a2f9f
```
#1a2f9f rgb(26,47,159)
```
#1e36b5
```
#1e36b5 rgb(30,54,181)
```
#213ccb
```
#213ccb rgb(33,60,203)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#4059e0
```
#4059e0 rgb(64,89,224)
```
#566ce3
```
#566ce3 rgb(86,108,227)
```
#6c7fe7
```
#6c7fe7 rgb(108,127,231)
```

Monochromatic Color

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

#2a73dc
```
#2a73dc rgb(42,115,220)
```
#2a64dc
```
#2a64dc rgb(42,100,220)
```
#2a55dc
```
#2a55dc rgb(42,85,220)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#2a37dc
```
#2a37dc rgb(42,55,220)
```
#2c2adc
```
#2c2adc rgb(44,42,220)
```
#3a2adc
```
#3a2adc rgb(58,42,220)
```

Similar Colors

Text with hexadecimal color #2a46dc

This text has a font color of #2a46dc.

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

#2a46dc background color

This paragraph has a background color of #2a46dc.

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

#2a46dc border color

This element has a border color of #2a46dc.

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

CSS codes

.text {color:#2a46dc;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040717
```
#040717 rgb(4,7,23)
```
#070c28
```
#070c28 rgb(7,12,40)
```
#091139
```
#091139 rgb(9,17,57)
```
#0c1649
```
#0c1649 rgb(12,22,73)
```
#0f1b5a
```
#0f1b5a rgb(15,27,90)
```
#12206b
```
#12206b rgb(18,32,107)
```
#14257c
```
#14257c rgb(20,37,124)
```
#172a8d
```
#172a8d rgb(23,42,141)
```
#1a2f9e
```
#1a2f9e rgb(26,47,158)
```
#1d34ae
```
#1d34ae rgb(29,52,174)
```
#1f39bf
```
#1f39bf rgb(31,57,191)
```
#223ed0
```
#223ed0 rgb(34,62,208)
```

Shade Color Variation

#2a46dc
```
#2a46dc rgb(42,70,220)
```
#3b55df
```
#3b55df rgb(59,85,223)
```
#4c63e2
```
#4c63e2 rgb(76,99,226)
```
#5d72e4
```
#5d72e4 rgb(93,114,228)
```
#6d81e7
```
#6d81e7 rgb(109,129,231)
```
#7e8fea
```
#7e8fea rgb(126,143,234)
```
#8f9eed
```
#8f9eed rgb(143,158,237)
```
#a0acef
```
#a0acef rgb(160,172,239)
```
#b1bbf2
```
#b1bbf2 rgb(177,187,242)
```
#c2caf5
```
#c2caf5 rgb(194,202,245)
```
#d2d8f8
```
#d2d8f8 rgb(210,216,248)
```
#e3e7fa
```
#e3e7fa rgb(227,231,250)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

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

#808186
```
#808186 rgb(128,129,134)
```
#767a90
```
#767a90 rgb(118,122,144)
```
#6d7499
```
#6d7499 rgb(109,116,153)
```
#636da3
```
#636da3 rgb(99,109,163)
```
#5a67ac
```
#5a67ac rgb(90,103,172)
```
#5060b6
```
#5060b6 rgb(80,96,182)
```
#475abf
```
#475abf rgb(71,90,191)
```
#3d53c9
```
#3d53c9 rgb(61,83,201)
```
#344dd2
```
#344dd2 rgb(52,77,210)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```
#203fe6
```
#203fe6 rgb(32,63,230)
```
#1739ef
```
#1739ef rgb(23,57,239)
```
#0d32f9
```
#0d32f9 rgb(13,50,249)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#484d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0f55c5 Protanomaly 1% of men, 0.01% of women
#0f59b6 Deuteranomaly 6% of men, 0.4% of women
#0f5d97 Tritanomaly 0.01% of the population

#2a46dc hex color

#2a46dc Color Information

#2a46dc Color Conversion

Color Schemes with #2a46dc

Alternatives to #2a46dc

#2a46dc Preview

Shades and Tints of #2a46dc

Tones of #2a46dc

Color Blindness Simulator