#0552e0 hex color

In a RGB color space, hex #0552e0 is composed of 2% red, 32.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 63.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 218.9 degrees, a saturation of 95.6% and a lightness of 44.9%. #0552e0 color hex could be obtained by blending #0aa4ff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 32
- B 88
RGB color chart
- C 98
- M 63
- Y 0
- K 12
CMYK color chart

● #0552e0 color description : Vivid blue.

The hexadecimal color #0552e0 has RGB values of R:5, G:82, B:224 and CMYK values of C:0.98, M:0.63, Y:0, K:0.12. Its decimal value is 348896.

Hex triplet	0552e0	`#0552e0`
RGB Decimal	5, 82, 224	`rgb(5,82,224)`
RGB Percent	2, 32.2, 87.8	`rgb(2%,32.2%,87.8%)`
CMYK	98, 63, 0, 12
HSL	218.9°, 95.6, 44.9	`hsl(218.9,95.6%,44.9%)`
HSV (or HSB)	218.9°, 97.8, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.324, 36.326, -77.016
XYZ	16.532, 11.447, 71.855
xyY	0.166, 0.115, 11.447
CIE-LCH	40.324, 85.153, 295.252
CIE-LUV	40.324, -17.866, -111.762
Hunter-Lab	33.834, 28.008, -102.235
Binary	00000101, 01010010, 11100000

#0552e0
```
#0552e0 rgb(5,82,224)
```
#e09305
```
#e09305 rgb(224,147,5)
```

Complementary Color

#05c0e0
```
#05c0e0 rgb(5,192,224)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#2505e0
```
#2505e0 rgb(37,5,224)
```

Analogous Color

#c0e005
```
#c0e005 rgb(192,224,5)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#e02505
```
#e02505 rgb(224,37,5)
```

Split Complementary Color

#52e005
```
#52e005 rgb(82,224,5)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#e00552
```
#e00552 rgb(224,5,82)
```

Triadic Color

#05e093
```
#05e093 rgb(5,224,147)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#e00552
```
#e00552 rgb(224,5,82)
```
#e09305
```
#e09305 rgb(224,147,5)
```

Tetradic Color

#033795
```
#033795 rgb(3,55,149)
```
#0440ae
```
#0440ae rgb(4,64,174)
```
#0449c7
```
#0449c7 rgb(4,73,199)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#065bf9
```
#065bf9 rgb(6,91,249)
```
#1e6bfa
```
#1e6bfa rgb(30,107,250)
```
#377cfb
```
#377cfb rgb(55,124,251)
```

Monochromatic Color

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

#0589e0
```
#0589e0 rgb(5,137,224)
```
#0577e0
```
#0577e0 rgb(5,119,224)
```
#0564e0
```
#0564e0 rgb(5,100,224)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#0540e0
```
#0540e0 rgb(5,64,224)
```
#052ee0
```
#052ee0 rgb(5,46,224)
```
#051be0
```
#051be0 rgb(5,27,224)
```

Similar Colors

Text with hexadecimal color #0552e0

This text has a font color of #0552e0.

<span style="color:#0552e0;">Text here</span>

#0552e0 background color

This paragraph has a background color of #0552e0.

<p style="background-color:#0552e0;">Content here</p>

#0552e0 border color

This element has a border color of #0552e0.

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

CSS codes

.text {color:#0552e0;}

.background {background-color:#0552e0;}

.border {border:1px solid #0552e0;}

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010c20
```
#010c20 rgb(1,12,32)
```
#011333
```
#011333 rgb(1,19,51)
```
#021a47
```
#021a47 rgb(2,26,71)
```
#02215a
```
#02215a rgb(2,33,90)
```
#02286d
```
#02286d rgb(2,40,109)
```
#032f80
```
#032f80 rgb(3,47,128)
```
#033693
```
#033693 rgb(3,54,147)
```
#043da6
```
#043da6 rgb(4,61,166)
```
#0444ba
```
#0444ba rgb(4,68,186)
```
#054bcd
```
#054bcd rgb(5,75,205)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```
#0559f3
```
#0559f3 rgb(5,89,243)
```

Shade Color Variation

#1364fa
```
#1364fa rgb(19,100,250)
```
#2670fa
```
#2670fa rgb(38,112,250)
```
#397dfb
```
#397dfb rgb(57,125,251)
```
#4c8afb
```
#4c8afb rgb(76,138,251)
```
#5f96fb
```
#5f96fb rgb(95,150,251)
```
#72a3fc
```
#72a3fc rgb(114,163,252)
```
#86affc
```
#86affc rgb(134,175,252)
```
#99bcfd
```
#99bcfd rgb(153,188,253)
```
#acc9fd
```
#acc9fd rgb(172,201,253)
```
#bfd5fe
```
#bfd5fe rgb(191,213,254)
```
#d2e2fe
```
#d2e2fe rgb(210,226,254)
```
#e6eefe
```
#e6eefe rgb(230,238,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#6f7176
```
#6f7176 rgb(111,113,118)
```
#666f7f
```
#666f7f rgb(102,111,127)
```
#5d6c88
```
#5d6c88 rgb(93,108,136)
```
#546a91
```
#546a91 rgb(84,106,145)
```
#4b679a
```
#4b679a rgb(75,103,154)
```
#4364a2
```
#4364a2 rgb(67,100,162)
```
#3a62ab
```
#3a62ab rgb(58,98,171)
```
#315fb4
```
#315fb4 rgb(49,95,180)
```
#285cbd
```
#285cbd rgb(40,92,189)
```
#1f5ac6
```
#1f5ac6 rgb(31,90,198)
```
#1757ce
```
#1757ce rgb(23,87,206)
```
#0e55d7
```
#0e55d7 rgb(14,85,215)
```
#0552e0
```
#0552e0 rgb(5,82,224)
```

Tone Color Variation

Below, you can see how #0552e0 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

#4b4b4b Achromatopsia 0.005% of the population
#3d4c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#015dce Protanomaly 1% of men, 0.01% of women
#0161bd Deuteranomaly 6% of men, 0.4% of women
#01669d Tritanomaly 0.01% of the population

#0552e0 hex color

#0552e0 Color Information

#0552e0 Color Conversion

Color Schemes with #0552e0

Alternatives to #0552e0

#0552e0 Preview

Shades and Tints of #0552e0

Tones of #0552e0

Color Blindness Simulator