#2a36cc hex color

In a RGB color space, hex #2a36cc is composed of 16.5% red, 21.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 73.5% magenta, 0% yellow and 20% black. It has a hue angle of 235.6 degrees, a saturation of 65.9% and a lightness of 48.2%. #2a36cc color hex could be obtained by blending #546cff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 21
- B 80
RGB color chart
- C 79
- M 74
- Y 0
- K 20
CMYK color chart

● #2a36cc color description : Strong blue.

The hexadecimal color #2a36cc has RGB values of R:42, G:54, B:204 and CMYK values of C:0.79, M:0.74, Y:0, K:0.2. Its decimal value is 2766540.

Hex triplet	2a36cc	`#2a36cc`
RGB Decimal	42, 54, 204	`rgb(42,54,204)`
RGB Percent	16.5, 21.2, 80	`rgb(16.5%,21.2%,80%)`
CMYK	79, 74, 0, 20
HSL	235.6°, 65.9, 48.2	`hsl(235.6,65.9%,48.2%)`
HSV (or HSB)	235.6°, 79.4, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.896, 47.981, -77.706
XYZ	13.171, 7.489, 57.875
xyY	0.168, 0.095, 7.489
CIE-LCH	32.896, 91.326, 301.694
CIE-LUV	32.896, -9.289, -103.921
Hunter-Lab	27.367, 38.016, -106.23
Binary	00101010, 00110110, 11001100

#2a36cc
```
#2a36cc rgb(42,54,204)
```
#ccc02a
```
#ccc02a rgb(204,192,42)
```

Complementary Color

#2a87cc
```
#2a87cc rgb(42,135,204)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#6f2acc
```
#6f2acc rgb(111,42,204)
```

Analogous Color

#87cc2a
```
#87cc2a rgb(135,204,42)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#cc6f2a
```
#cc6f2a rgb(204,111,42)
```

Split Complementary Color

#36cc2a
```
#36cc2a rgb(54,204,42)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#cc2a36
```
#cc2a36 rgb(204,42,54)
```

Triadic Color

#2accc0
```
#2accc0 rgb(42,204,192)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#cc2a36
```
#cc2a36 rgb(204,42,54)
```
#ccc02a
```
#ccc02a rgb(204,192,42)
```

Tetradic Color

#1d258d
```
#1d258d rgb(29,37,141)
```
#212ba2
```
#212ba2 rgb(33,43,162)
```
#2630b7
```
#2630b7 rgb(38,48,183)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#3945d6
```
#3945d6 rgb(57,69,214)
```
#4e59db
```
#4e59db rgb(78,89,219)
```
#646ddf
```
#646ddf rgb(100,109,223)
```

Monochromatic Color

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

#2a5fcc
```
#2a5fcc rgb(42,95,204)
```
#2a51cc
```
#2a51cc rgb(42,81,204)
```
#2a44cc
```
#2a44cc rgb(42,68,204)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#2b2acc
```
#2b2acc rgb(43,42,204)
```
#392acc
```
#392acc rgb(57,42,204)
```
#462acc
```
#462acc rgb(70,42,204)
```

Similar Colors

Text with hexadecimal color #2a36cc

This text has a font color of #2a36cc.

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

#2a36cc background color

This paragraph has a background color of #2a36cc.

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

#2a36cc border color

This element has a border color of #2a36cc.

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

CSS codes

.text {color:#2a36cc;}

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

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

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

#020209
```
#020209 rgb(2,2,9)
```
#050719
```
#050719 rgb(5,7,25)
```
#090b29
```
#090b29 rgb(9,11,41)
```
#0c0f3a
```
#0c0f3a rgb(12,15,58)
```
#0f144a
```
#0f144a rgb(15,20,74)
```
#13185a
```
#13185a rgb(19,24,90)
```
#161c6a
```
#161c6a rgb(22,28,106)
```
#19207b
```
#19207b rgb(25,32,123)
```
#1d258b
```
#1d258b rgb(29,37,139)
```
#20299b
```
#20299b rgb(32,41,155)
```
#232dab
```
#232dab rgb(35,45,171)
```
#2732bc
```
#2732bc rgb(39,50,188)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```

Shade Color Variation

#3440d5
```
#3440d5 rgb(52,64,213)
```
#4550d9
```
#4550d9 rgb(69,80,217)
```
#555fdc
```
#555fdc rgb(85,95,220)
```
#656edf
```
#656edf rgb(101,110,223)
```
#757de3
```
#757de3 rgb(117,125,227)
```
#868de6
```
#868de6 rgb(134,141,230)
```
#969ce9
```
#969ce9 rgb(150,156,233)
```
#a6abed
```
#a6abed rgb(166,171,237)
```
#b6bbf0
```
#b6bbf0 rgb(182,187,240)
```
#c7caf3
```
#c7caf3 rgb(199,202,243)
```
#d7d9f7
```
#d7d9f7 rgb(215,217,247)
```
#e7e9fa
```
#e7e9fa rgb(231,233,250)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#767680
```
#767680 rgb(118,118,128)
```
#6c6e8a
```
#6c6e8a rgb(108,110,138)
```
#636693
```
#636693 rgb(99,102,147)
```
#595e9d
```
#595e9d rgb(89,94,157)
```
#5056a6
```
#5056a6 rgb(80,86,166)
```
#464eb0
```
#464eb0 rgb(70,78,176)
```
#3d46b9
```
#3d46b9 rgb(61,70,185)
```
#333ec3
```
#333ec3 rgb(51,62,195)
```
#2a36cc
```
#2a36cc rgb(42,54,204)
```
#212ed5
```
#212ed5 rgb(33,46,213)
```
#1726df
```
#1726df rgb(23,38,223)
```
#0e1ee8
```
#0e1ee8 rgb(14,30,232)
```
#0416f2
```
#0416f2 rgb(4,22,242)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f415f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0f49b2 Protanomaly 1% of men, 0.01% of women
#0f4ca4 Deuteranomaly 6% of men, 0.4% of women
#0f5089 Tritanomaly 0.01% of the population

#2a36cc hex color

#2a36cc Color Information

#2a36cc Color Conversion

Color Schemes with #2a36cc

Alternatives to #2a36cc

#2a36cc Preview

Shades and Tints of #2a36cc

Tones of #2a36cc

Color Blindness Simulator