#2535a4 hex color

In a RGB color space, hex #2535a4 is composed of 14.5% red, 20.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 67.7% magenta, 0% yellow and 35.7% black. It has a hue angle of 232.4 degrees, a saturation of 63.2% and a lightness of 39.4%. #2535a4 color hex could be obtained by blending #4a6aff with #000049. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 21
- B 64
RGB color chart
- C 77
- M 68
- Y 0
- K 36
CMYK color chart

● #2535a4 color description : Dark blue.

The hexadecimal color #2535a4 has RGB values of R:37, G:53, B:164 and CMYK values of C:0.77, M:0.68, Y:0, K:0.36. Its decimal value is 2438564.

Hex triplet	2535a4	`#2535a4`
RGB Decimal	37, 53, 164	`rgb(37,53,164)`
RGB Percent	14.5, 20.8, 64.3	`rgb(14.5%,20.8%,64.3%)`
CMYK	77, 68, 0, 36
HSL	232.4°, 63.2, 39.4	`hsl(232.4,63.2%,39.4%)`
HSV (or HSB)	232.4°, 77.4, 64.3
Web Safe	333399	`#333399`

CIE-LAB	28.431, 34.13, -61.363
XYZ	8.736, 5.619, 35.744
xyY	0.174, 0.112, 5.619
CIE-LCH	28.431, 70.216, 299.083
CIE-LUV	28.431, -8.632, -79.758
Hunter-Lab	23.705, 24.295, -72.808
Binary	00100101, 00110101, 10100100

#2535a4
```
#2535a4 rgb(37,53,164)
```
#a49425
```
#a49425 rgb(164,148,37)
```

Complementary Color

#2575a4
```
#2575a4 rgb(37,117,164)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#5525a4
```
#5525a4 rgb(85,37,164)
```

Analogous Color

#75a425
```
#75a425 rgb(117,164,37)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#a45525
```
#a45525 rgb(164,85,37)
```

Split Complementary Color

#35a425
```
#35a425 rgb(53,164,37)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#a42535
```
#a42535 rgb(164,37,53)
```

Triadic Color

#25a494
```
#25a494 rgb(37,164,148)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#a42535
```
#a42535 rgb(164,37,53)
```
#a49425
```
#a49425 rgb(164,148,37)
```

Tetradic Color

#172166
```
#172166 rgb(23,33,102)
```
#1c287a
```
#1c287a rgb(28,40,122)
```
#202e8f
```
#202e8f rgb(32,46,143)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#2a3cb9
```
#2a3cb9 rgb(42,60,185)
```
#2e42ce
```
#2e42ce rgb(46,66,206)
```
#4154d4
```
#4154d4 rgb(65,84,212)
```

Monochromatic Color

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

#2555a4
```
#2555a4 rgb(37,85,164)
```
#254aa4
```
#254aa4 rgb(37,74,164)
```
#2540a4
```
#2540a4 rgb(37,64,164)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#252aa4
```
#252aa4 rgb(37,42,164)
```
#2a25a4
```
#2a25a4 rgb(42,37,164)
```
#3525a4
```
#3525a4 rgb(53,37,164)
```

Similar Colors

Text with hexadecimal color #2535a4

This text has a font color of #2535a4.

<span style="color:#2535a4;">Text here</span>

#2535a4 background color

This paragraph has a background color of #2535a4.

<p style="background-color:#2535a4;">Content here</p>

#2535a4 border color

This element has a border color of #2535a4.

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

CSS codes

.text {color:#2535a4;}

.background {background-color:#2535a4;}

.border {border:1px solid #2535a4;}

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 #f3f4fc is the lightest one.

#010104
```
#010104 rgb(1,1,4)
```
#050614
```
#050614 rgb(5,6,20)
```
#080c24
```
#080c24 rgb(8,12,36)
```
#0c1134
```
#0c1134 rgb(12,17,52)
```
#0f1644
```
#0f1644 rgb(15,22,68)
```
#131b54
```
#131b54 rgb(19,27,84)
```
#172064
```
#172064 rgb(23,32,100)
```
#1a2574
```
#1a2574 rgb(26,37,116)
```
#1e2b84
```
#1e2b84 rgb(30,43,132)
```
#213094
```
#213094 rgb(33,48,148)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#293ab4
```
#293ab4 rgb(41,58,180)
```
#2c3fc4
```
#2c3fc4 rgb(44,63,196)
```

Shade Color Variation

#3347d1
```
#3347d1 rgb(51,71,209)
```
#4355d5
```
#4355d5 rgb(67,85,213)
```
#5364d8
```
#5364d8 rgb(83,100,216)
```
#6372dc
```
#6372dc rgb(99,114,220)
```
#7381df
```
#7381df rgb(115,129,223)
```
#838fe3
```
#838fe3 rgb(131,143,227)
```
#939de7
```
#939de7 rgb(147,157,231)
```
#a3acea
```
#a3acea rgb(163,172,234)
```
#b3baee
```
#b3baee rgb(179,186,238)
```
#c3c9f1
```
#c3c9f1 rgb(195,201,241)
```
#d3d7f5
```
#d3d7f5 rgb(211,215,245)
```
#e3e6f9
```
#e3e6f9 rgb(227,230,249)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Tint Color Variation

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

#636366
```
#636366 rgb(99,99,102)
```
#5b5d6e
```
#5b5d6e rgb(91,93,110)
```
#535876
```
#535876 rgb(83,88,118)
```
#4c527d
```
#4c527d rgb(76,82,125)
```
#444c85
```
#444c85 rgb(68,76,133)
```
#3c468d
```
#3c468d rgb(60,70,141)
```
#344195
```
#344195 rgb(52,65,149)
```
#2d3b9c
```
#2d3b9c rgb(45,59,156)
```
#2535a4
```
#2535a4 rgb(37,53,164)
```
#1d2fac
```
#1d2fac rgb(29,47,172)
```
#1629b3
```
#1629b3 rgb(22,41,179)
```
#0e24bb
```
#0e24bb rgb(14,36,187)
```
#061ec3
```
#061ec3 rgb(6,30,195)
```

Tone Color Variation

Below, you can see how #2535a4 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

#3d3d3d Achromatopsia 0.005% of the population
#383b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004e7e Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#0d4298 Protanomaly 1% of men, 0.01% of women
#0d458c Deuteranomaly 6% of men, 0.4% of women
#0d4974 Tritanomaly 0.01% of the population

#2535a4 hex color

#2535a4 Color Information

#2535a4 Color Conversion

Color Schemes with #2535a4

Alternatives to #2535a4

#2535a4 Preview

Shades and Tints of #2535a4

Tones of #2535a4

Color Blindness Simulator