#055aff hex color

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

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

● #055aff color description : Vivid blue.

The hexadecimal color #055aff has RGB values of R:5, G:90, B:255 and CMYK values of C:0.98, M:0.65, Y:0, K:0. Its decimal value is 350975.

Hex triplet	055aff	`#055aff`
RGB Decimal	5, 90, 255	`rgb(5,90,255)`
RGB Percent	2, 35.3, 100	`rgb(2%,35.3%,100%)`
CMYK	98, 65, 0, 0
HSL	219.6°, 100, 51	`hsl(219.6,100%,51%)`
HSV (or HSB)	219.6°, 98, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.029, 42.84, -86.733
XYZ	21.765, 14.563, 96.266
xyY	0.164, 0.11, 14.563
CIE-LCH	45.029, 96.736, 296.286
CIE-LUV	45.029, -19.474, -129.123
Hunter-Lab	38.161, 35.024, -122.853
Binary	00000101, 01011010, 11111111

#055aff
```
#055aff rgb(5,90,255)
```
#ffaa05
```
#ffaa05 rgb(255,170,5)
```

Complementary Color

#05d7ff
```
#05d7ff rgb(5,215,255)
```
#055aff
```
#055aff rgb(5,90,255)
```
#2d05ff
```
#2d05ff rgb(45,5,255)
```

Analogous Color

#d7ff05
```
#d7ff05 rgb(215,255,5)
```
#055aff
```
#055aff rgb(5,90,255)
```
#ff2d05
```
#ff2d05 rgb(255,45,5)
```

Split Complementary Color

#5aff05
```
#5aff05 rgb(90,255,5)
```
#055aff
```
#055aff rgb(5,90,255)
```
#ff055a
```
#ff055a rgb(255,5,90)
```

Triadic Color

#05ffaa
```
#05ffaa rgb(5,255,170)
```
#055aff
```
#055aff rgb(5,90,255)
```
#ff055a
```
#ff055a rgb(255,5,90)
```
#ffaa05
```
#ffaa05 rgb(255,170,5)
```

Tetradic Color

#003eb8
```
#003eb8 rgb(0,62,184)
```
#0047d1
```
#0047d1 rgb(0,71,209)
```
#0050eb
```
#0050eb rgb(0,80,235)
```
#055aff
```
#055aff rgb(5,90,255)
```
#1f6bff
```
#1f6bff rgb(31,107,255)
```
#387cff
```
#387cff rgb(56,124,255)
```
#518cff
```
#518cff rgb(81,140,255)
```

Monochromatic Color

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

#0599ff
```
#0599ff rgb(5,153,255)
```
#0584ff
```
#0584ff rgb(5,132,255)
```
#056fff
```
#056fff rgb(5,111,255)
```
#055aff
```
#055aff rgb(5,90,255)
```
#0545ff
```
#0545ff rgb(5,69,255)
```
#0530ff
```
#0530ff rgb(5,48,255)
```
#051cff
```
#051cff rgb(5,28,255)
```

Similar Colors

Text with hexadecimal color #055aff

This text has a font color of #055aff.

<span style="color:#055aff;">Text here</span>

#055aff background color

This paragraph has a background color of #055aff.

<p style="background-color:#055aff;">Content here</p>

#055aff border color

This element has a border color of #055aff.

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

CSS codes

.text {color:#055aff;}

.background {background-color:#055aff;}

.border {border:1px solid #055aff;}

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)
```
#000f2c
```
#000f2c rgb(0,15,44)
```
#001640
```
#001640 rgb(0,22,64)
```
#001c53
```
#001c53 rgb(0,28,83)
```
#002367
```
#002367 rgb(0,35,103)
```
#002a7b
```
#002a7b rgb(0,42,123)
```
#00308e
```
#00308e rgb(0,48,142)
```
#0037a2
```
#0037a2 rgb(0,55,162)
```
#003eb6
```
#003eb6 rgb(0,62,182)
```
#0044c9
```
#0044c9 rgb(0,68,201)
```
#004bdd
```
#004bdd rgb(0,75,221)
```
#0052f0
```
#0052f0 rgb(0,82,240)
```

Shade Color Variation

#055aff
```
#055aff rgb(5,90,255)
```
#1967ff
```
#1967ff rgb(25,103,255)
```
#2c74ff
```
#2c74ff rgb(44,116,255)
```
#4081ff
```
#4081ff rgb(64,129,255)
```
#538eff
```
#538eff rgb(83,142,255)
```
#679bff
```
#679bff rgb(103,155,255)
```
#7ba8ff
```
#7ba8ff rgb(123,168,255)
```
#8eb5ff
```
#8eb5ff rgb(142,181,255)
```
#a2c2ff
```
#a2c2ff rgb(162,194,255)
```
#b6cfff
```
#b6cfff rgb(182,207,255)
```
#c9dbff
```
#c9dbff rgb(201,219,255)
```
#dde8ff
```
#dde8ff rgb(221,232,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#787f8c
```
#787f8c rgb(120,127,140)
```
#6f7c95
```
#6f7c95 rgb(111,124,149)
```
#65799f
```
#65799f rgb(101,121,159)
```
#5c76a8
```
#5c76a8 rgb(92,118,168)
```
#5273b2
```
#5273b2 rgb(82,115,178)
```
#4870bc
```
#4870bc rgb(72,112,188)
```
#3f6cc5
```
#3f6cc5 rgb(63,108,197)
```
#3569cf
```
#3569cf rgb(53,105,207)
```
#2b66d9
```
#2b66d9 rgb(43,102,217)
```
#2263e2
```
#2263e2 rgb(34,99,226)
```
#1860ec
```
#1860ec rgb(24,96,236)
```
#0f5df5
```
#0f5df5 rgb(15,93,245)
```
#055aff
```
#055aff rgb(5,90,255)
```

Tone Color Variation

Below, you can see how #055aff 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

#535353 Achromatopsia 0.005% of the population
#435475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0167e6 Protanomaly 1% of men, 0.01% of women
#016bd4 Deuteranomaly 6% of men, 0.4% of women
#0170b0 Tritanomaly 0.01% of the population

#055aff hex color

#055aff Color Information

#055aff Color Conversion

Color Schemes with #055aff

Alternatives to #055aff

#055aff Preview

Shades and Tints of #055aff

Tones of #055aff

Color Blindness Simulator