#0552f4 hex color

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

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

● #0552f4 color description : Vivid blue.

The hexadecimal color #0552f4 has RGB values of R:5, G:82, B:244 and CMYK values of C:0.98, M:0.66, Y:0, K:0.04. Its decimal value is 348916.

Hex triplet	0552f4	`#0552f4`
RGB Decimal	5, 82, 244	`rgb(5,82,244)`
RGB Percent	2, 32.2, 95.7	`rgb(2%,32.2%,95.7%)`
CMYK	98, 66, 0, 4
HSL	220.7°, 96, 48.8	`hsl(220.7,96%,48.8%)`
HSV (or HSB)	220.7°, 98, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.149, 43.775, -85.324
XYZ	19.406, 12.597, 86.992
xyY	0.163, 0.106, 12.597
CIE-LCH	42.149, 95.898, 297.16
CIE-LUV	42.149, -17.781, -124.261
Hunter-Lab	35.492, 35.485, -120.476
Binary	00000101, 01010010, 11110100

#0552f4
```
#0552f4 rgb(5,82,244)
```
#f4a705
```
#f4a705 rgb(244,167,5)
```

Complementary Color

#05caf4
```
#05caf4 rgb(5,202,244)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```
#3005f4
```
#3005f4 rgb(48,5,244)
```

Analogous Color

#caf405
```
#caf405 rgb(202,244,5)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```
#f42f05
```
#f42f05 rgb(244,47,5)
```

Split Complementary Color

#52f405
```
#52f405 rgb(82,244,5)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```
#f40552
```
#f40552 rgb(244,5,82)
```

Triadic Color

#05f4a7
```
#05f4a7 rgb(5,244,167)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```
#f40552
```
#f40552 rgb(244,5,82)
```
#f4a705
```
#f4a705 rgb(244,167,5)
```

Tetradic Color

#0339a9
```
#0339a9 rgb(3,57,169)
```
#0441c2
```
#0441c2 rgb(4,65,194)
```
#044adb
```
#044adb rgb(4,74,219)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```
#1861fa
```
#1861fa rgb(24,97,250)
```
#3172fb
```
#3172fb rgb(49,114,251)
```
#4a83fb
```
#4a83fb rgb(74,131,251)
```

Monochromatic Color

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

#058ef4
```
#058ef4 rgb(5,142,244)
```
#057af4
```
#057af4 rgb(5,122,244)
```
#0566f4
```
#0566f4 rgb(5,102,244)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```
#053ef4
```
#053ef4 rgb(5,62,244)
```
#052af4
```
#052af4 rgb(5,42,244)
```
#0516f4
```
#0516f4 rgb(5,22,244)
```

Similar Colors

Text with hexadecimal color #0552f4

This text has a font color of #0552f4.

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

#0552f4 background color

This paragraph has a background color of #0552f4.

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

#0552f4 border color

This element has a border color of #0552f4.

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

CSS codes

.text {color:#0552f4;}

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

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

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

#00040d
```
#00040d rgb(0,4,13)
```
#010b21
```
#010b21 rgb(1,11,33)
```
#011134
```
#011134 rgb(1,17,52)
```
#011847
```
#011847 rgb(1,24,71)
```
#021e5a
```
#021e5a rgb(2,30,90)
```
#02256d
```
#02256d rgb(2,37,109)
```
#032b81
```
#032b81 rgb(3,43,129)
```
#033294
```
#033294 rgb(3,50,148)
```
#0338a7
```
#0338a7 rgb(3,56,167)
```
#043fba
```
#043fba rgb(4,63,186)
```
#0445ce
```
#0445ce rgb(4,69,206)
```
#054ce1
```
#054ce1 rgb(5,76,225)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```

Shade Color Variation

#125dfa
```
#125dfa rgb(18,93,250)
```
#266afb
```
#266afb rgb(38,106,251)
```
#3977fb
```
#3977fb rgb(57,119,251)
```
#4c85fb
```
#4c85fb rgb(76,133,251)
```
#5f92fc
```
#5f92fc rgb(95,146,252)
```
#739ffc
```
#739ffc rgb(115,159,252)
```
#86acfd
```
#86acfd rgb(134,172,253)
```
#99b9fd
```
#99b9fd rgb(153,185,253)
```
#acc6fd
```
#acc6fd rgb(172,198,253)
```
#bfd4fe
```
#bfd4fe rgb(191,212,254)
```
#d3e1fe
```
#d3e1fe rgb(211,225,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, #787b81 is the less saturated color, while #0552f4 is the most saturated one.

#787b81
```
#787b81 rgb(120,123,129)
```
#6e778b
```
#6e778b rgb(110,119,139)
```
#657494
```
#657494 rgb(101,116,148)
```
#5b719e
```
#5b719e rgb(91,113,158)
```
#526da7
```
#526da7 rgb(82,109,167)
```
#486ab1
```
#486ab1 rgb(72,106,177)
```
#3e66bb
```
#3e66bb rgb(62,102,187)
```
#3563c4
```
#3563c4 rgb(53,99,196)
```
#2b60ce
```
#2b60ce rgb(43,96,206)
```
#225cd7
```
#225cd7 rgb(34,92,215)
```
#1859e1
```
#1859e1 rgb(24,89,225)
```
#0f55ea
```
#0f55ea rgb(15,85,234)
```
#0552f4
```
#0552f4 rgb(5,82,244)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#3f4e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#0160da Protanomaly 1% of men, 0.01% of women
#0164c8 Deuteranomaly 6% of men, 0.4% of women
#0169a7 Tritanomaly 0.01% of the population

#0552f4 hex color

#0552f4 Color Information

#0552f4 Color Conversion

Color Schemes with #0552f4

Alternatives to #0552f4

#0552f4 Preview

Shades and Tints of #0552f4

Tones of #0552f4

Color Blindness Simulator