#0552ff hex color

In a RGB color space, hex #0552ff is composed of 2% red, 32.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 67.8% magenta, 0% yellow and 0% black. It has a hue angle of 221.5 degrees, a saturation of 100% and a lightness of 51%. #0552ff color hex could be obtained by blending #0aa4ff with #0000ff. Closest websafe color is: #0066ff.

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

● #0552ff color description : Vivid blue.

The hexadecimal color #0552ff has RGB values of R:5, G:82, B:255 and CMYK values of C:0.98, M:0.68, Y:0, K:0. Its decimal value is 348927.

Hex triplet	0552ff	`#0552ff`
RGB Decimal	5, 82, 255	`rgb(5,82,255)`
RGB Percent	2, 32.2, 100	`rgb(2%,32.2%,100%)`
CMYK	98, 68, 0, 0
HSL	221.5°, 100, 51	`hsl(221.5,100%,51%)`
HSV (or HSB)	221.5°, 98, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.19, 47.747, -89.763
XYZ	21.126, 13.285, 96.053
xyY	0.162, 0.102, 13.285
CIE-LCH	43.19, 101.672, 298.01
CIE-LUV	43.19, -17.785, -130.951
Hunter-Lab	36.449, 39.676, -130.733
Binary	00000101, 01010010, 11111111

#0552ff
```
#0552ff rgb(5,82,255)
```
#ffb205
```
#ffb205 rgb(255,178,5)
```

Complementary Color

#05cfff
```
#05cfff rgb(5,207,255)
```
#0552ff
```
#0552ff rgb(5,82,255)
```
#3505ff
```
#3505ff rgb(53,5,255)
```

Analogous Color

#cfff05
```
#cfff05 rgb(207,255,5)
```
#0552ff
```
#0552ff rgb(5,82,255)
```
#ff3505
```
#ff3505 rgb(255,53,5)
```

Split Complementary Color

#52ff05
```
#52ff05 rgb(82,255,5)
```
#0552ff
```
#0552ff rgb(5,82,255)
```
#ff0552
```
#ff0552 rgb(255,5,82)
```

Triadic Color

#05ffb2
```
#05ffb2 rgb(5,255,178)
```
#0552ff
```
#0552ff rgb(5,82,255)
```
#ff0552
```
#ff0552 rgb(255,5,82)
```
#ffb205
```
#ffb205 rgb(255,178,5)
```

Tetradic Color

#0039b8
```
#0039b8 rgb(0,57,184)
```
#0040d1
```
#0040d1 rgb(0,64,209)
```
#0048eb
```
#0048eb rgb(0,72,235)
```
#0552ff
```
#0552ff rgb(5,82,255)
```
#1f64ff
```
#1f64ff rgb(31,100,255)
```
#3875ff
```
#3875ff rgb(56,117,255)
```
#5187ff
```
#5187ff rgb(81,135,255)
```

Monochromatic Color

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

#0591ff
```
#0591ff rgb(5,145,255)
```
#057cff
```
#057cff rgb(5,124,255)
```
#0567ff
```
#0567ff rgb(5,103,255)
```
#0552ff
```
#0552ff rgb(5,82,255)
```
#053dff
```
#053dff rgb(5,61,255)
```
#0528ff
```
#0528ff rgb(5,40,255)
```
#0514ff
```
#0514ff rgb(5,20,255)
```

Similar Colors

Text with hexadecimal color #0552ff

This text has a font color of #0552ff.

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

#0552ff background color

This paragraph has a background color of #0552ff.

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

#0552ff border color

This element has a border color of #0552ff.

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

CSS codes

.text {color:#0552ff;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000819
```
#000819 rgb(0,8,25)
```
#000e2c
```
#000e2c rgb(0,14,44)
```
#001440
```
#001440 rgb(0,20,64)
```
#001a53
```
#001a53 rgb(0,26,83)
```
#002067
```
#002067 rgb(0,32,103)
```
#00267b
```
#00267b rgb(0,38,123)
```
#002c8e
```
#002c8e rgb(0,44,142)
```
#0032a2
```
#0032a2 rgb(0,50,162)
```
#0038b6
```
#0038b6 rgb(0,56,182)
```
#003ec9
```
#003ec9 rgb(0,62,201)
```
#0044dd
```
#0044dd rgb(0,68,221)
```
#004af0
```
#004af0 rgb(0,74,240)
```

Shade Color Variation

#0552ff
```
#0552ff rgb(5,82,255)
```
#1960ff
```
#1960ff rgb(25,96,255)
```
#2c6dff
```
#2c6dff rgb(44,109,255)
```
#407bff
```
#407bff rgb(64,123,255)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#6796ff
```
#6796ff rgb(103,150,255)
```
#7ba3ff
```
#7ba3ff rgb(123,163,255)
```
#8eb1ff
```
#8eb1ff rgb(142,177,255)
```
#a2bfff
```
#a2bfff rgb(162,191,255)
```
#b6ccff
```
#b6ccff rgb(182,204,255)
```
#c9daff
```
#c9daff rgb(201,218,255)
```
#dde7ff
```
#dde7ff rgb(221,231,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#787e8c
```
#787e8c rgb(120,126,140)
```
#6f7b95
```
#6f7b95 rgb(111,123,149)
```
#65779f
```
#65779f rgb(101,119,159)
```
#5c73a8
```
#5c73a8 rgb(92,115,168)
```
#5270b2
```
#5270b2 rgb(82,112,178)
```
#486cbc
```
#486cbc rgb(72,108,188)
```
#3f68c5
```
#3f68c5 rgb(63,104,197)
```
#3564cf
```
#3564cf rgb(53,100,207)
```
#2b61d9
```
#2b61d9 rgb(43,97,217)
```
#225de2
```
#225de2 rgb(34,93,226)
```
#1859ec
```
#1859ec rgb(24,89,236)
```
#0f56f5
```
#0f56f5 rgb(15,86,245)
```
#0552ff
```
#0552ff rgb(5,82,255)
```

Tone Color Variation

Below, you can see how #0552ff 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
#405072 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0161e1 Protanomaly 1% of men, 0.01% of women
#0165cf Deuteranomaly 6% of men, 0.4% of women
#016aad Tritanomaly 0.01% of the population

#0552ff hex color

#0552ff Color Information

#0552ff Color Conversion

Color Schemes with #0552ff

Alternatives to #0552ff

#0552ff Preview

Shades and Tints of #0552ff

Tones of #0552ff

Color Blindness Simulator