#2552f9 hex color

In a RGB color space, hex #2552f9 is composed of 14.5% red, 32.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 67.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 227.3 degrees, a saturation of 94.6% and a lightness of 56.1%. #2552f9 color hex could be obtained by blending #4aa4ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 32
- B 98
RGB color chart
- C 85
- M 67
- Y 0
- K 2
CMYK color chart

● #2552f9 color description : Vivid blue.

The hexadecimal color #2552f9 has RGB values of R:37, G:82, B:249 and CMYK values of C:0.85, M:0.67, Y:0, K:0.02. Its decimal value is 2446073.

Hex triplet	2552f9	`#2552f9`
RGB Decimal	37, 82, 249	`rgb(37,82,249)`
RGB Percent	14.5, 32.2, 97.6	`rgb(14.5%,32.2%,97.6%)`
CMYK	85, 67, 0, 2
HSL	227.3°, 94.6, 56.1	`hsl(227.3,94.6%,56.1%)`
HSV (or HSB)	227.3°, 85.1, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.161, 46.668, -86.441
XYZ	20.876, 13.266, 91.078
xyY	0.167, 0.106, 13.266
CIE-LCH	43.161, 98.235, 298.364
CIE-LUV	43.161, -15.989, -126.924
Hunter-Lab	36.422, 38.569, -122.765
Binary	00100101, 01010010, 11111001

#2552f9
```
#2552f9 rgb(37,82,249)
```
#f9cc25
```
#f9cc25 rgb(249,204,37)
```

Complementary Color

#25bcf9
```
#25bcf9 rgb(37,188,249)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#6225f9
```
#6225f9 rgb(98,37,249)
```

Analogous Color

#bcf925
```
#bcf925 rgb(188,249,37)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#f96225
```
#f96225 rgb(249,98,37)
```

Split Complementary Color

#52f925
```
#52f925 rgb(82,249,37)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#f92552
```
#f92552 rgb(249,37,82)
```

Triadic Color

#25f9cc
```
#25f9cc rgb(37,249,204)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#f92552
```
#f92552 rgb(249,37,82)
```
#f9cc25
```
#f9cc25 rgb(249,204,37)
```

Tetradic Color

#0630cc
```
#0630cc rgb(6,48,204)
```
#0636e5
```
#0636e5 rgb(6,54,229)
```
#0c3ef8
```
#0c3ef8 rgb(12,62,248)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#3e66fa
```
#3e66fa rgb(62,102,250)
```
#5779fa
```
#5779fa rgb(87,121,250)
```
#6f8dfb
```
#6f8dfb rgb(111,141,251)
```

Monochromatic Color

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

#2587f9
```
#2587f9 rgb(37,135,249)
```
#2575f9
```
#2575f9 rgb(37,117,249)
```
#2564f9
```
#2564f9 rgb(37,100,249)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#2540f9
```
#2540f9 rgb(37,64,249)
```
#252ff9
```
#252ff9 rgb(37,47,249)
```
#2d25f9
```
#2d25f9 rgb(45,37,249)
```

Similar Colors

Text with hexadecimal color #2552f9

This text has a font color of #2552f9.

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

#2552f9 background color

This paragraph has a background color of #2552f9.

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

#2552f9 border color

This element has a border color of #2552f9.

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

CSS codes

.text {color:#2552f9;}

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

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

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, #00030b is the darkest color, while #f7f9ff is the lightest one.

#00030b
```
#00030b rgb(0,3,11)
```
#01071e
```
#01071e rgb(1,7,30)
```
#010c31
```
#010c31 rgb(1,12,49)
```
#021044
```
#021044 rgb(2,16,68)
```
#021457
```
#021457 rgb(2,20,87)
```
#03196b
```
#03196b rgb(3,25,107)
```
#031d7e
```
#031d7e rgb(3,29,126)
```
#042291
```
#042291 rgb(4,34,145)
```
#0526a4
```
#0526a4 rgb(5,38,164)
```
#052bb7
```
#052bb7 rgb(5,43,183)
```
#062fca
```
#062fca rgb(6,47,202)
```
#0634dd
```
#0634dd rgb(6,52,221)
```
#0738f0
```
#0738f0 rgb(7,56,240)
```

Shade Color Variation

#1243f8
```
#1243f8 rgb(18,67,248)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```
#3861fa
```
#3861fa rgb(56,97,250)
```
#4b70fa
```
#4b70fa rgb(75,112,250)
```
#5e7ffb
```
#5e7ffb rgb(94,127,251)
```
#718ffb
```
#718ffb rgb(113,143,251)
```
#849efc
```
#849efc rgb(132,158,252)
```
#98adfc
```
#98adfc rgb(152,173,252)
```
#abbcfd
```
#abbcfd rgb(171,188,253)
```
#becbfd
```
#becbfd rgb(190,203,253)
```
#d1dafe
```
#d1dafe rgb(209,218,254)
```
#e4e9fe
```
#e4e9fe rgb(228,233,254)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8d92 is the less saturated color, while #2552f9 is the most saturated one.

#8c8d92
```
#8c8d92 rgb(140,141,146)
```
#84899a
```
#84899a rgb(132,137,154)
```
#7b84a3
```
#7b84a3 rgb(123,132,163)
```
#737fab
```
#737fab rgb(115,127,171)
```
#6a7ab4
```
#6a7ab4 rgb(106,122,180)
```
#6175bd
```
#6175bd rgb(97,117,189)
```
#5970c5
```
#5970c5 rgb(89,112,197)
```
#506bce
```
#506bce rgb(80,107,206)
```
#4766d7
```
#4766d7 rgb(71,102,215)
```
#3f61df
```
#3f61df rgb(63,97,223)
```
#365ce8
```
#365ce8 rgb(54,92,232)
```
#2e57f0
```
#2e57f0 rgb(46,87,240)
```
#2552f9
```
#2552f9 rgb(37,82,249)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4e5778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0d61de Protanomaly 1% of men, 0.01% of women
#0d65cd Deuteranomaly 6% of men, 0.4% of women
#0d6aab Tritanomaly 0.01% of the population

#2552f9 hex color

#2552f9 Color Information

#2552f9 Color Conversion

Color Schemes with #2552f9

Alternatives to #2552f9

#2552f9 Preview

Shades and Tints of #2552f9

Tones of #2552f9

Color Blindness Simulator