#2552bb hex color

In a RGB color space, hex #2552bb is composed of 14.5% red, 32.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 56.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 222 degrees, a saturation of 67% and a lightness of 43.9%. #2552bb color hex could be obtained by blending #4aa4ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 32
- B 73
RGB color chart
- C 80
- M 56
- Y 0
- K 27
CMYK color chart

● #2552bb color description : Strong blue.

The hexadecimal color #2552bb has RGB values of R:37, G:82, B:187 and CMYK values of C:0.8, M:0.56, Y:0, K:0.27. Its decimal value is 2446011.

Hex triplet	2552bb	`#2552bb`
RGB Decimal	37, 82, 187	`rgb(37,82,187)`
RGB Percent	14.5, 32.2, 73.3	`rgb(14.5%,32.2%,73.3%)`
CMYK	80, 56, 0, 27
HSL	222°, 67, 43.9	`hsl(222,67%,43.9%)`
HSV (or HSB)	222°, 80.2, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.869, 23.746, -59.624
XYZ	12.748, 10.015, 48.272
xyY	0.179, 0.141, 10.015
CIE-LCH	37.869, 64.179, 291.715
CIE-LUV	37.869, -15.836, -86.395
Hunter-Lab	31.646, 16.524, -68.287
Binary	00100101, 01010010, 10111011

#2552bb
```
#2552bb rgb(37,82,187)
```
#bb8e25
```
#bb8e25 rgb(187,142,37)
```

Complementary Color

#259dbb
```
#259dbb rgb(37,157,187)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#4325bb
```
#4325bb rgb(67,37,187)
```

Analogous Color

#9dbb25
```
#9dbb25 rgb(157,187,37)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#bb4325
```
#bb4325 rgb(187,67,37)
```

Split Complementary Color

#52bb25
```
#52bb25 rgb(82,187,37)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#bb2552
```
#bb2552 rgb(187,37,82)
```

Triadic Color

#25bb8e
```
#25bb8e rgb(37,187,142)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#bb2552
```
#bb2552 rgb(187,37,82)
```
#bb8e25
```
#bb8e25 rgb(187,142,37)
```

Tetradic Color

#18367b
```
#18367b rgb(24,54,123)
```
#1d3f90
```
#1d3f90 rgb(29,63,144)
```
#2149a6
```
#2149a6 rgb(33,73,166)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#295bd0
```
#295bd0 rgb(41,91,208)
```
#3b6ad8
```
#3b6ad8 rgb(59,106,216)
```
#507adc
```
#507adc rgb(80,122,220)
```

Monochromatic Color

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

#2578bb
```
#2578bb rgb(37,120,187)
```
#256bbb
```
#256bbb rgb(37,107,187)
```
#255fbb
```
#255fbb rgb(37,95,187)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#2546bb
```
#2546bb rgb(37,70,187)
```
#2539bb
```
#2539bb rgb(37,57,187)
```
#252dbb
```
#252dbb rgb(37,45,187)
```

Similar Colors

Text with hexadecimal color #2552bb

This text has a font color of #2552bb.

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

#2552bb background color

This paragraph has a background color of #2552bb.

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

#2552bb border color

This element has a border color of #2552bb.

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

CSS codes

.text {color:#2552bb;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#050a17
```
#050a17 rgb(5,10,23)
```
#081128
```
#081128 rgb(8,17,40)
```
#0b1938
```
#0b1938 rgb(11,25,56)
```
#0e2048
```
#0e2048 rgb(14,32,72)
```
#122759
```
#122759 rgb(18,39,89)
```
#152e69
```
#152e69 rgb(21,46,105)
```
#183579
```
#183579 rgb(24,53,121)
```
#1b3c8a
```
#1b3c8a rgb(27,60,138)
```
#1f449a
```
#1f449a rgb(31,68,154)
```
#224bab
```
#224bab rgb(34,75,171)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#2859cb
```
#2859cb rgb(40,89,203)
```

Shade Color Variation

#3163d6
```
#3163d6 rgb(49,99,214)
```
#416fd9
```
#416fd9 rgb(65,111,217)
```
#527bdd
```
#527bdd rgb(82,123,221)
```
#6288e0
```
#6288e0 rgb(98,136,224)
```
#7294e3
```
#7294e3 rgb(114,148,227)
```
#83a1e6
```
#83a1e6 rgb(131,161,230)
```
#93adea
```
#93adea rgb(147,173,234)
```
#a4baed
```
#a4baed rgb(164,186,237)
```
#b4c6f0
```
#b4c6f0 rgb(180,198,240)
```
#c4d2f3
```
#c4d2f3 rgb(196,210,243)
```
#d5dff7
```
#d5dff7 rgb(213,223,247)
```
#e5ebfa
```
#e5ebfa rgb(229,235,250)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e76 is the less saturated color, while #0344dd is the most saturated one.

#6a6e76
```
#6a6e76 rgb(106,110,118)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#596787
```
#596787 rgb(89,103,135)
```
#506390
```
#506390 rgb(80,99,144)
```
#476099
```
#476099 rgb(71,96,153)
```
#3f5ca1
```
#3f5ca1 rgb(63,92,161)
```
#3659aa
```
#3659aa rgb(54,89,170)
```
#2e55b2
```
#2e55b2 rgb(46,85,178)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#1c4fc4
```
#1c4fc4 rgb(28,79,196)
```
#144bcc
```
#144bcc rgb(20,75,204)
```
#0b48d5
```
#0b48d5 rgb(11,72,213)
```
#0344dd
```
#0344dd rgb(3,68,221)
```

Tone Color Variation

Below, you can see how #2552bb 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

#515151 Achromatopsia 0.005% of the population
#485166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0d5aba Protanomaly 1% of men, 0.01% of women
#0d5dab Deuteranomaly 6% of men, 0.4% of women
#0d628c Tritanomaly 0.01% of the population

#2552bb hex color

#2552bb Color Information

#2552bb Color Conversion

Color Schemes with #2552bb

Alternatives to #2552bb

#2552bb Preview

Shades and Tints of #2552bb

Tones of #2552bb

Color Blindness Simulator