#2552b0 hex color

In a RGB color space, hex #2552b0 is composed of 14.5% red, 32.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 53.4% magenta, 0% yellow and 31% black. It has a hue angle of 220.6 degrees, a saturation of 65.3% and a lightness of 41.8%. #2552b0 color hex could be obtained by blending #4aa4ff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 32
- B 69
RGB color chart
- C 79
- M 53
- Y 0
- K 31
CMYK color chart

● #2552b0 color description : Dark blue.

The hexadecimal color #2552b0 has RGB values of R:37, G:82, B:176 and CMYK values of C:0.79, M:0.53, Y:0, K:0.31. Its decimal value is 2446000.

Hex triplet	2552b0	`#2552b0`
RGB Decimal	37, 82, 176	`rgb(37,82,176)`
RGB Percent	14.5, 32.2, 69	`rgb(14.5%,32.2%,69%)`
CMYK	79, 53, 0, 31
HSL	220.6°, 65.3, 41.8	`hsl(220.6,65.3%,41.8%)`
HSV (or HSB)	220.6°, 79, 69
Web Safe	336699	`#336699`

CIE-LAB	37.044, 19.484, -54.485
XYZ	11.615, 9.562, 42.305
xyY	0.183, 0.151, 9.562
CIE-LCH	37.044, 57.864, 289.677
CIE-LUV	37.044, -15.921, -78.559
Hunter-Lab	30.922, 12.936, -59.472
Binary	00100101, 01010010, 10110000

#2552b0
```
#2552b0 rgb(37,82,176)
```
#b08325
```
#b08325 rgb(176,131,37)
```

Complementary Color

#2598b0
```
#2598b0 rgb(37,152,176)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#3d25b0
```
#3d25b0 rgb(61,37,176)
```

Analogous Color

#98b025
```
#98b025 rgb(152,176,37)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#b03d25
```
#b03d25 rgb(176,61,37)
```

Split Complementary Color

#52b025
```
#52b025 rgb(82,176,37)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#b02552
```
#b02552 rgb(176,37,82)
```

Triadic Color

#25b083
```
#25b083 rgb(37,176,131)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#b02552
```
#b02552 rgb(176,37,82)
```
#b08325
```
#b08325 rgb(176,131,37)
```

Tetradic Color

#183571
```
#183571 rgb(24,53,113)
```
#1c3e86
```
#1c3e86 rgb(28,62,134)
```
#21489b
```
#21489b rgb(33,72,155)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#295cc5
```
#295cc5 rgb(41,92,197)
```
#3468d4
```
#3468d4 rgb(52,104,212)
```
#4977d9
```
#4977d9 rgb(73,119,217)
```

Monochromatic Color

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

#2575b0
```
#2575b0 rgb(37,117,176)
```
#2569b0
```
#2569b0 rgb(37,105,176)
```
#255eb0
```
#255eb0 rgb(37,94,176)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#2546b0
```
#2546b0 rgb(37,70,176)
```
#253bb0
```
#253bb0 rgb(37,59,176)
```
#252fb0
```
#252fb0 rgb(37,47,176)
```

Similar Colors

Text with hexadecimal color #2552b0

This text has a font color of #2552b0.

<span style="color:#2552b0;">Text here</span>

#2552b0 background color

This paragraph has a background color of #2552b0.

<p style="background-color:#2552b0;">Content here</p>

#2552b0 border color

This element has a border color of #2552b0.

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

CSS codes

.text {color:#2552b0;}

.background {background-color:#2552b0;}

.border {border:1px solid #2552b0;}

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, #03060e is the darkest color, while #fdfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#060e1e
```
#060e1e rgb(6,14,30)
```
#0a162e
```
#0a162e rgb(10,22,46)
```
#0d1d3f
```
#0d1d3f rgb(13,29,63)
```
#11254f
```
#11254f rgb(17,37,79)
```
#142c5f
```
#142c5f rgb(20,44,95)
```
#17346f
```
#17346f rgb(23,52,111)
```
#1b3b7f
```
#1b3b7f rgb(27,59,127)
```
#1e4390
```
#1e4390 rgb(30,67,144)
```
#224aa0
```
#224aa0 rgb(34,74,160)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#285ac0
```
#285ac0 rgb(40,90,192)
```
#2c61d0
```
#2c61d0 rgb(44,97,208)
```

Shade Color Variation

#3a6dd6
```
#3a6dd6 rgb(58,109,214)
```
#4a79d9
```
#4a79d9 rgb(74,121,217)
```
#5b85dc
```
#5b85dc rgb(91,133,220)
```
#6b91e0
```
#6b91e0 rgb(107,145,224)
```
#7b9de3
```
#7b9de3 rgb(123,157,227)
```
#8ba9e7
```
#8ba9e7 rgb(139,169,231)
```
#9bb5ea
```
#9bb5ea rgb(155,181,234)
```
#acc1ed
```
#acc1ed rgb(172,193,237)
```
#bccdf1
```
#bccdf1 rgb(188,205,241)
```
#ccd9f4
```
#ccd9f4 rgb(204,217,244)
```
#dce5f8
```
#dce5f8 rgb(220,229,248)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67696e is the less saturated color, while #0446d1 is the most saturated one.

#67696e
```
#67696e rgb(103,105,110)
```
#5e6677
```
#5e6677 rgb(94,102,119)
```
#56637f
```
#56637f rgb(86,99,127)
```
#4e6087
```
#4e6087 rgb(78,96,135)
```
#465e8f
```
#465e8f rgb(70,94,143)
```
#3e5b97
```
#3e5b97 rgb(62,91,151)
```
#3558a0
```
#3558a0 rgb(53,88,160)
```
#2d55a8
```
#2d55a8 rgb(45,85,168)
```
#2552b0
```
#2552b0 rgb(37,82,176)
```
#1d4fb8
```
#1d4fb8 rgb(29,79,184)
```
#154cc0
```
#154cc0 rgb(21,76,192)
```
#0c49c9
```
#0c49c9 rgb(12,73,201)
```
#0446d1
```
#0446d1 rgb(4,70,209)
```

Tone Color Variation

Below, you can see how #2552b0 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
#475062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e5cb5 Protanopia 1% of men
#0061a0 Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1658b3 Protanomaly 1% of men, 0.01% of women
#0d5ca5 Deuteranomaly 6% of men, 0.4% of women
#0d6087 Tritanomaly 0.01% of the population

#2552b0 hex color

#2552b0 Color Information

#2552b0 Color Conversion

Color Schemes with #2552b0

Alternatives to #2552b0

#2552b0 Preview

Shades and Tints of #2552b0

Tones of #2552b0

Color Blindness Simulator