#056fff hex color

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

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

● #056fff color description : Vivid blue.

The hexadecimal color #056fff has RGB values of R:5, G:111, B:255 and CMYK values of C:0.98, M:0.56, Y:0, K:0. Its decimal value is 356351.

Hex triplet	056fff	`#056fff`
RGB Decimal	5, 111, 255	`rgb(5,111,255)`
RGB Percent	2, 43.5, 100	`rgb(2%,43.5%,100%)`
CMYK	98, 56, 0, 0
HSL	214.6°, 100, 51	`hsl(214.6,100%,51%)`
HSV (or HSB)	214.6°, 98, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.238, 29.608, -78.2
XYZ	23.793, 18.619, 96.942
xyY	0.171, 0.134, 18.619
CIE-LCH	50.238, 83.617, 290.738
CIE-LUV	50.238, -24.551, -121.597
Hunter-Lab	43.15, 22.914, -102.998
Binary	00000101, 01101111, 11111111

#056fff
```
#056fff rgb(5,111,255)
```
#ff9505
```
#ff9505 rgb(255,149,5)
```

Complementary Color

#05ecff
```
#05ecff rgb(5,236,255)
```
#056fff
```
#056fff rgb(5,111,255)
```
#1805ff
```
#1805ff rgb(24,5,255)
```

Analogous Color

#ecff05
```
#ecff05 rgb(236,255,5)
```
#056fff
```
#056fff rgb(5,111,255)
```
#ff1805
```
#ff1805 rgb(255,24,5)
```

Split Complementary Color

#6fff05
```
#6fff05 rgb(111,255,5)
```
#056fff
```
#056fff rgb(5,111,255)
```
#ff056f
```
#ff056f rgb(255,5,111)
```

Triadic Color

#05ff95
```
#05ff95 rgb(5,255,149)
```
#056fff
```
#056fff rgb(5,111,255)
```
#ff056f
```
#ff056f rgb(255,5,111)
```
#ff9505
```
#ff9505 rgb(255,149,5)
```

Tetradic Color

#004eb8
```
#004eb8 rgb(0,78,184)
```
#0059d1
```
#0059d1 rgb(0,89,209)
```
#0063eb
```
#0063eb rgb(0,99,235)
```
#056fff
```
#056fff rgb(5,111,255)
```
#1f7eff
```
#1f7eff rgb(31,126,255)
```
#388cff
```
#388cff rgb(56,140,255)
```
#519bff
```
#519bff rgb(81,155,255)
```

Monochromatic Color

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

#05aeff
```
#05aeff rgb(5,174,255)
```
#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)
```
#0531ff
```
#0531ff rgb(5,49,255)
```

Similar Colors

Text with hexadecimal color #056fff

This text has a font color of #056fff.

<span style="color:#056fff;">Text here</span>

#056fff background color

This paragraph has a background color of #056fff.

<p style="background-color:#056fff;">Content here</p>

#056fff border color

This element has a border color of #056fff.

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

CSS codes

.text {color:#056fff;}

.background {background-color:#056fff;}

.border {border:1px solid #056fff;}

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 #f0f7ff is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#00132c
```
#00132c rgb(0,19,44)
```
#001b40
```
#001b40 rgb(0,27,64)
```
#002353
```
#002353 rgb(0,35,83)
```
#002c67
```
#002c67 rgb(0,44,103)
```
#00347b
```
#00347b rgb(0,52,123)
```
#003c8e
```
#003c8e rgb(0,60,142)
```
#0045a2
```
#0045a2 rgb(0,69,162)
```
#004db6
```
#004db6 rgb(0,77,182)
```
#0055c9
```
#0055c9 rgb(0,85,201)
```
#005edd
```
#005edd rgb(0,94,221)
```
#0066f0
```
#0066f0 rgb(0,102,240)
```

Shade Color Variation

#056fff
```
#056fff rgb(5,111,255)
```
#197aff
```
#197aff rgb(25,122,255)
```
#2c86ff
```
#2c86ff rgb(44,134,255)
```
#4091ff
```
#4091ff rgb(64,145,255)
```
#539cff
```
#539cff rgb(83,156,255)
```
#67a7ff
```
#67a7ff rgb(103,167,255)
```
#7bb3ff
```
#7bb3ff rgb(123,179,255)
```
#8ebeff
```
#8ebeff rgb(142,190,255)
```
#a2c9ff
```
#a2c9ff rgb(162,201,255)
```
#b6d5ff
```
#b6d5ff rgb(182,213,255)
```
#c9e0ff
```
#c9e0ff rgb(201,224,255)
```
#ddebff
```
#ddebff rgb(221,235,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78818c is the less saturated color, while #056fff is the most saturated one.

#78818c
```
#78818c rgb(120,129,140)
```
#6f7f95
```
#6f7f95 rgb(111,127,149)
```
#657e9f
```
#657e9f rgb(101,126,159)
```
#5c7ca8
```
#5c7ca8 rgb(92,124,168)
```
#527bb2
```
#527bb2 rgb(82,123,178)
```
#4879bc
```
#4879bc rgb(72,121,188)
```
#3f78c5
```
#3f78c5 rgb(63,120,197)
```
#3576cf
```
#3576cf rgb(53,118,207)
```
#2b75d9
```
#2b75d9 rgb(43,117,217)
```
#2273e2
```
#2273e2 rgb(34,115,226)
```
#1872ec
```
#1872ec rgb(24,114,236)
```
#0f70f5
```
#0f70f5 rgb(15,112,245)
```
#056fff
```
#056fff rgb(5,111,255)
```

Tone Color Variation

Below, you can see how #056fff 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

#606060 Achromatopsia 0.005% of the population
#4e6380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#008b92 Tritanopia 0.001% of the population

Trichromacy

#0176f5 Protanomaly 1% of men, 0.01% of women
#017ae2 Deuteranomaly 6% of men, 0.4% of women
#0180b9 Tritanomaly 0.01% of the population

#056fff hex color

#056fff Color Information

#056fff Color Conversion

Color Schemes with #056fff

Alternatives to #056fff

#056fff Preview

Shades and Tints of #056fff

Tones of #056fff

Color Blindness Simulator