#2a55c3 hex color

In a RGB color space, hex #2a55c3 is composed of 16.5% red, 33.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 56.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 223.1 degrees, a saturation of 64.6% and a lightness of 46.5%. #2a55c3 color hex could be obtained by blending #54aaff with #000087. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 33
- B 76
RGB color chart
- C 78
- M 56
- Y 0
- K 24
CMYK color chart

● #2a55c3 color description : Strong blue.

The hexadecimal color #2a55c3 has RGB values of R:42, G:85, B:195 and CMYK values of C:0.78, M:0.56, Y:0, K:0.24. Its decimal value is 2774467.

Hex triplet	2a55c3	`#2a55c3`
RGB Decimal	42, 85, 195	`rgb(42,85,195)`
RGB Percent	16.5, 33.3, 76.5	`rgb(16.5%,33.3%,76.5%)`
CMYK	78, 56, 0, 24
HSL	223.1°, 64.6, 46.5	`hsl(223.1,64.6%,46.5%)`
HSV (or HSB)	223.1°, 78.5, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.46, 25.333, -61.702
XYZ	14.052, 10.928, 52.996
xyY	0.18, 0.14, 10.928
CIE-LCH	39.46, 66.7, 292.321
CIE-LUV	39.46, -15.921, -90.514
Hunter-Lab	33.058, 18.021, -71.908
Binary	00101010, 01010101, 11000011

#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#c3982a
```
#c3982a rgb(195,152,42)
```

Complementary Color

#2aa2c3
```
#2aa2c3 rgb(42,162,195)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#4c2ac3
```
#4c2ac3 rgb(76,42,195)
```

Analogous Color

#a2c32a
```
#a2c32a rgb(162,195,42)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#c34c2a
```
#c34c2a rgb(195,76,42)
```

Split Complementary Color

#55c32a
```
#55c32a rgb(85,195,42)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#c32a55
```
#c32a55 rgb(195,42,85)
```

Triadic Color

#2ac398
```
#2ac398 rgb(42,195,152)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#c32a55
```
#c32a55 rgb(195,42,85)
```
#c3982a
```
#c3982a rgb(195,152,42)
```

Tetradic Color

#1c3a84
```
#1c3a84 rgb(28,58,132)
```
#214399
```
#214399 rgb(33,67,153)
```
#254cae
```
#254cae rgb(37,76,174)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#3360d3
```
#3360d3 rgb(51,96,211)
```
#4871d8
```
#4871d8 rgb(72,113,216)
```
#5d81dc
```
#5d81dc rgb(93,129,220)
```

Monochromatic Color

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

#2a7bc3
```
#2a7bc3 rgb(42,123,195)
```
#2a6fc3
```
#2a6fc3 rgb(42,111,195)
```
#2a62c3
```
#2a62c3 rgb(42,98,195)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#2a48c3
```
#2a48c3 rgb(42,72,195)
```
#2a3cc3
```
#2a3cc3 rgb(42,60,195)
```
#2a2fc3
```
#2a2fc3 rgb(42,47,195)
```

Similar Colors

Text with hexadecimal color #2a55c3

This text has a font color of #2a55c3.

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

#2a55c3 background color

This paragraph has a background color of #2a55c3.

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

#2a55c3 border color

This element has a border color of #2a55c3.

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

CSS codes

.text {color:#2a55c3;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#070f22
```
#070f22 rgb(7,15,34)
```
#0b1632
```
#0b1632 rgb(11,22,50)
```
#0e1d42
```
#0e1d42 rgb(14,29,66)
```
#122452
```
#122452 rgb(18,36,82)
```
#152b62
```
#152b62 rgb(21,43,98)
```
#193272
```
#193272 rgb(25,50,114)
```
#1c3982
```
#1c3982 rgb(28,57,130)
```
#204093
```
#204093 rgb(32,64,147)
```
#2347a3
```
#2347a3 rgb(35,71,163)
```
#274eb3
```
#274eb3 rgb(39,78,179)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```

Shade Color Variation

#2f5cd2
```
#2f5cd2 rgb(47,92,210)
```
#3f69d6
```
#3f69d6 rgb(63,105,214)
```
#4f76d9
```
#4f76d9 rgb(79,118,217)
```
#5f82dd
```
#5f82dd rgb(95,130,221)
```
#6f8fe0
```
#6f8fe0 rgb(111,143,224)
```
#7f9be3
```
#7f9be3 rgb(127,155,227)
```
#8fa8e7
```
#8fa8e7 rgb(143,168,231)
```
#9fb5ea
```
#9fb5ea rgb(159,181,234)
```
#b0c1ee
```
#b0c1ee rgb(176,193,238)
```
#c0cef1
```
#c0cef1 rgb(192,206,241)
```
#d0daf5
```
#d0daf5 rgb(208,218,245)
```
#e0e7f8
```
#e0e7f8 rgb(224,231,248)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73757a is the less saturated color, while #0645e7 is the most saturated one.

#73757a
```
#73757a rgb(115,117,122)
```
#6a7183
```
#6a7183 rgb(106,113,131)
```
#616d8c
```
#616d8c rgb(97,109,140)
```
#586995
```
#586995 rgb(88,105,149)
```
#4e659f
```
#4e659f rgb(78,101,159)
```
#4561a8
```
#4561a8 rgb(69,97,168)
```
#3c5db1
```
#3c5db1 rgb(60,93,177)
```
#3359ba
```
#3359ba rgb(51,89,186)
```
#2a55c3
```
#2a55c3 rgb(42,85,195)
```
#2151cc
```
#2151cc rgb(33,81,204)
```
#184dd5
```
#184dd5 rgb(24,77,213)
```
#0f49de
```
#0f49de rgb(15,73,222)
```
#0645e7
```
#0645e7 rgb(6,69,231)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4c556b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a8 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#0f5dc1 Protanomaly 1% of men, 0.01% of women
#0f60b2 Deuteranomaly 6% of men, 0.4% of women
#0f6591 Tritanomaly 0.01% of the population

#2a55c3 hex color

#2a55c3 Color Information

#2a55c3 Color Conversion

Color Schemes with #2a55c3

Alternatives to #2a55c3

#2a55c3 Preview

Shades and Tints of #2a55c3

Tones of #2a55c3

Color Blindness Simulator