#2a4dda hex color

In a RGB color space, hex #2a4dda is composed of 16.5% red, 30.2% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 64.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 228.1 degrees, a saturation of 70.4% and a lightness of 51%. #2a4dda color hex could be obtained by blending #549aff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 30
- B 85
RGB color chart
- C 81
- M 65
- Y 0
- K 15
CMYK color chart

● #2a4dda color description : Bright blue.

The hexadecimal color #2a4dda has RGB values of R:42, G:77, B:218 and CMYK values of C:0.81, M:0.65, Y:0, K:0.15. Its decimal value is 2772442.

Hex triplet	2a4dda	`#2a4dda`
RGB Decimal	42, 77, 218	`rgb(42,77,218)`
RGB Percent	16.5, 30.2, 85.5	`rgb(16.5%,30.2%,85.5%)`
CMYK	81, 65, 0, 15
HSL	228.1°, 70.4, 51	`hsl(228.1,70.4%,51%)`
HSV (or HSB)	228.1°, 80.7, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.345, 39.014, -75.167
XYZ	16.261, 10.861, 67.565
xyY	0.172, 0.115, 10.861
CIE-LCH	39.345, 84.688, 297.431
CIE-LUV	39.345, -14.07, -108.622
Hunter-Lab	32.956, 30.403, -98.486
Binary	00101010, 01001101, 11011010

#2a4dda
```
#2a4dda rgb(42,77,218)
```
#dab72a
```
#dab72a rgb(218,183,42)
```

Complementary Color

#2aa5da
```
#2aa5da rgb(42,165,218)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#5f2ada
```
#5f2ada rgb(95,42,218)
```

Analogous Color

#a5da2a
```
#a5da2a rgb(165,218,42)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#da5f2a
```
#da5f2a rgb(218,95,42)
```

Split Complementary Color

#4dda2a
```
#4dda2a rgb(77,218,42)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#da2a4d
```
#da2a4d rgb(218,42,77)
```

Triadic Color

#2adab7
```
#2adab7 rgb(42,218,183)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#da2a4d
```
#da2a4d rgb(218,42,77)
```
#dab72a
```
#dab72a rgb(218,183,42)
```

Tetradic Color

#1b359c
```
#1b359c rgb(27,53,156)
```
#1f3cb2
```
#1f3cb2 rgb(31,60,178)
```
#2344c8
```
#2344c8 rgb(35,68,200)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#405fde
```
#405fde rgb(64,95,222)
```
#5571e2
```
#5571e2 rgb(85,113,226)
```
#6b83e5
```
#6b83e5 rgb(107,131,229)
```

Monochromatic Color

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

#2a79da
```
#2a79da rgb(42,121,218)
```
#2a6ada
```
#2a6ada rgb(42,106,218)
```
#2a5cda
```
#2a5cda rgb(42,92,218)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#2a3eda
```
#2a3eda rgb(42,62,218)
```
#2a30da
```
#2a30da rgb(42,48,218)
```
#332ada
```
#332ada rgb(51,42,218)
```

Similar Colors

Text with hexadecimal color #2a4dda

This text has a font color of #2a4dda.

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

#2a4dda background color

This paragraph has a background color of #2a4dda.

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

#2a4dda border color

This element has a border color of #2a4dda.

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

CSS codes

.text {color:#2a4dda;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040715
```
#040715 rgb(4,7,21)
```
#070d26
```
#070d26 rgb(7,13,38)
```
#091236
```
#091236 rgb(9,18,54)
```
#0c1847
```
#0c1847 rgb(12,24,71)
```
#0f1e58
```
#0f1e58 rgb(15,30,88)
```
#122369
```
#122369 rgb(18,35,105)
```
#152979
```
#152979 rgb(21,41,121)
```
#182f8a
```
#182f8a rgb(24,47,138)
```
#1b349b
```
#1b349b rgb(27,52,155)
```
#1e3aab
```
#1e3aab rgb(30,58,171)
```
#2140bc
```
#2140bc rgb(33,64,188)
```
#2445cd
```
#2445cd rgb(36,69,205)
```

Shade Color Variation

#2a4dda
```
#2a4dda rgb(42,77,218)
```
#3b5bdd
```
#3b5bdd rgb(59,91,221)
```
#4b69e0
```
#4b69e0 rgb(75,105,224)
```
#5c77e3
```
#5c77e3 rgb(92,119,227)
```
#6d85e6
```
#6d85e6 rgb(109,133,230)
```
#7e93e9
```
#7e93e9 rgb(126,147,233)
```
#8ea1eb
```
#8ea1eb rgb(142,161,235)
```
#9fafee
```
#9fafee rgb(159,175,238)
```
#b0bdf1
```
#b0bdf1 rgb(176,189,241)
```
#c0cbf4
```
#c0cbf4 rgb(192,203,244)
```
#d1d9f7
```
#d1d9f7 rgb(209,217,247)
```
#e2e7fa
```
#e2e7fa rgb(226,231,250)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

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

#818183
```
#818183 rgb(129,129,131)
```
#777b8d
```
#777b8d rgb(119,123,141)
```
#6d7697
```
#6d7697 rgb(109,118,151)
```
#6470a0
```
#6470a0 rgb(100,112,160)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#5064b4
```
#5064b4 rgb(80,100,180)
```
#475ebd
```
#475ebd rgb(71,94,189)
```
#3d59c7
```
#3d59c7 rgb(61,89,199)
```
#3453d0
```
#3453d0 rgb(52,83,208)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#2047e4
```
#2047e4 rgb(32,71,228)
```
#1741ed
```
#1741ed rgb(23,65,237)
```
#0d3cf7
```
#0d3cf7 rgb(13,60,247)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b526e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0f5ac9 Protanomaly 1% of men, 0.01% of women
#0f5eb9 Deuteranomaly 6% of men, 0.4% of women
#0f6299 Tritanomaly 0.01% of the population

#2a4dda hex color

#2a4dda Color Information

#2a4dda Color Conversion

Color Schemes with #2a4dda

Alternatives to #2a4dda

#2a4dda Preview

Shades and Tints of #2a4dda

Tones of #2a4dda

Color Blindness Simulator