#2553a7 hex color

In a RGB color space, hex #2553a7 is composed of 14.5% red, 32.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 50.3% magenta, 0% yellow and 34.5% black. It has a hue angle of 218.8 degrees, a saturation of 63.7% and a lightness of 40%. #2553a7 color hex could be obtained by blending #4aa6ff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 33
- B 65
RGB color chart
- C 78
- M 50
- Y 0
- K 35
CMYK color chart

● #2553a7 color description : Dark blue.

The hexadecimal color #2553a7 has RGB values of R:37, G:83, B:167 and CMYK values of C:0.78, M:0.5, Y:0, K:0.35. Its decimal value is 2446247.

Hex triplet	2553a7	`#2553a7`
RGB Decimal	37, 83, 167	`rgb(37,83,167)`
RGB Percent	14.5, 32.5, 65.5	`rgb(14.5%,32.5%,65.5%)`
CMYK	78, 50, 0, 35
HSL	218.8°, 63.7, 40	`hsl(218.8,63.7%,40%)`
HSV (or HSB)	218.8°, 77.8, 65.5
Web Safe	336699	`#336699`

CIE-LAB	36.685, 15.307, -49.721
XYZ	10.83, 9.369, 37.795
xyY	0.187, 0.162, 9.369
CIE-LCH	36.685, 52.023, 287.111
CIE-LUV	36.685, -16.319, -71.461
Hunter-Lab	30.609, 9.59, -51.783
Binary	00100101, 01010011, 10100111

#2553a7
```
#2553a7 rgb(37,83,167)
```
#a77925
```
#a77925 rgb(167,121,37)
```

Complementary Color

#2594a7
```
#2594a7 rgb(37,148,167)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#3825a7
```
#3825a7 rgb(56,37,167)
```

Analogous Color

#94a725
```
#94a725 rgb(148,167,37)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#a73825
```
#a73825 rgb(167,56,37)
```

Split Complementary Color

#53a725
```
#53a725 rgb(83,167,37)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#a72553
```
#a72553 rgb(167,37,83)
```

Triadic Color

#25a779
```
#25a779 rgb(37,167,121)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#a72553
```
#a72553 rgb(167,37,83)
```
#a77925
```
#a77925 rgb(167,121,37)
```

Tetradic Color

#173468
```
#173468 rgb(23,52,104)
```
#1c3e7d
```
#1c3e7d rgb(28,62,125)
```
#204992
```
#204992 rgb(32,73,146)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#2a5dbc
```
#2a5dbc rgb(42,93,188)
```
#2e68d1
```
#2e68d1 rgb(46,104,209)
```
#4377d5
```
#4377d5 rgb(67,119,213)
```

Monochromatic Color

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

#2574a7
```
#2574a7 rgb(37,116,167)
```
#2569a7
```
#2569a7 rgb(37,105,167)
```
#255ea7
```
#255ea7 rgb(37,94,167)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#2548a7
```
#2548a7 rgb(37,72,167)
```
#253da7
```
#253da7 rgb(37,61,167)
```
#2532a7
```
#2532a7 rgb(37,50,167)
```

Similar Colors

Text with hexadecimal color #2553a7

This text has a font color of #2553a7.

<span style="color:#2553a7;">Text here</span>

#2553a7 background color

This paragraph has a background color of #2553a7.

<p style="background-color:#2553a7;">Content here</p>

#2553a7 border color

This element has a border color of #2553a7.

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

CSS codes

.text {color:#2553a7;}

.background {background-color:#2553a7;}

.border {border:1px solid #2553a7;}

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

#010306
```
#010306 rgb(1,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#091327
```
#091327 rgb(9,19,39)
```
#0c1b37
```
#0c1b37 rgb(12,27,55)
```
#102347
```
#102347 rgb(16,35,71)
```
#132b57
```
#132b57 rgb(19,43,87)
```
#173367
```
#173367 rgb(23,51,103)
```
#1a3b77
```
#1a3b77 rgb(26,59,119)
```
#1e4387
```
#1e4387 rgb(30,67,135)
```
#214b97
```
#214b97 rgb(33,75,151)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#295bb7
```
#295bb7 rgb(41,91,183)
```
#2c63c7
```
#2c63c7 rgb(44,99,199)
```

Shade Color Variation

#356cd2
```
#356cd2 rgb(53,108,210)
```
#4578d6
```
#4578d6 rgb(69,120,214)
```
#5584d9
```
#5584d9 rgb(85,132,217)
```
#658fdd
```
#658fdd rgb(101,143,221)
```
#759be0
```
#759be0 rgb(117,155,224)
```
#85a7e4
```
#85a7e4 rgb(133,167,228)
```
#95b2e8
```
#95b2e8 rgb(149,178,232)
```
#a5beeb
```
#a5beeb rgb(165,190,235)
```
#b5c9ef
```
#b5c9ef rgb(181,201,239)
```
#c5d5f2
```
#c5d5f2 rgb(197,213,242)
```
#d5e1f6
```
#d5e1f6 rgb(213,225,246)
```
#e5ecf9
```
#e5ecf9 rgb(229,236,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#646568
```
#646568 rgb(100,101,104)
```
#5c6370
```
#5c6370 rgb(92,99,112)
```
#546178
```
#546178 rgb(84,97,120)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#445c88
```
#445c88 rgb(68,92,136)
```
#3d5a8f
```
#3d5a8f rgb(61,90,143)
```
#355897
```
#355897 rgb(53,88,151)
```
#2d559f
```
#2d559f rgb(45,85,159)
```
#2553a7
```
#2553a7 rgb(37,83,167)
```
#1d51af
```
#1d51af rgb(29,81,175)
```
#154eb7
```
#154eb7 rgb(21,78,183)
```
#0d4cbf
```
#0d4cbf rgb(13,76,191)
```
#064ac6
```
#064ac6 rgb(6,74,198)
```

Tone Color Variation

Below, you can see how #2553a7 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
#475061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b5cac Protanopia 1% of men
#00609f Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#2859aa Protanomaly 1% of men, 0.01% of women
#0d5ba2 Deuteranomaly 6% of men, 0.4% of women
#0d6083 Tritanomaly 0.01% of the population

#2553a7 hex color

#2553a7 Color Information

#2553a7 Color Conversion

Color Schemes with #2553a7

Alternatives to #2553a7

#2553a7 Preview

Shades and Tints of #2553a7

Tones of #2553a7

Color Blindness Simulator