#053cff hex color

In a RGB color space, hex #053cff is composed of 2% red, 23.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 76.5% magenta, 0% yellow and 0% black. It has a hue angle of 226.8 degrees, a saturation of 100% and a lightness of 51%. #053cff color hex could be obtained by blending #0a78ff with #0000ff. Closest websafe color is: #0033ff.

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

● #053cff color description : Vivid blue.

The hexadecimal color #053cff has RGB values of R:5, G:60, B:255 and CMYK values of C:0.98, M:0.76, Y:0, K:0. Its decimal value is 343295.

Hex triplet	053cff	`#053cff`
RGB Decimal	5, 60, 255	`rgb(5,60,255)`
RGB Percent	2, 23.5, 100	`rgb(2%,23.5%,100%)`
CMYK	98, 76, 0, 0
HSL	226.8°, 100, 51	`hsl(226.8,100%,51%)`
HSV (or HSB)	226.8°, 98, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.695, 60.272, -97.202
XYZ	19.725, 10.482, 95.586
xyY	0.157, 0.083, 10.482
CIE-LCH	38.695, 114.372, 301.802
CIE-LUV	38.695, -13.932, -133.248
Hunter-Lab	32.376, 52.089, -152.38
Binary	00000101, 00111100, 11111111

#053cff
```
#053cff rgb(5,60,255)
```
#ffc805
```
#ffc805 rgb(255,200,5)
```

Complementary Color

#05b9ff
```
#05b9ff rgb(5,185,255)
```
#053cff
```
#053cff rgb(5,60,255)
```
#4b05ff
```
#4b05ff rgb(75,5,255)
```

Analogous Color

#b9ff05
```
#b9ff05 rgb(185,255,5)
```
#053cff
```
#053cff rgb(5,60,255)
```
#ff4b05
```
#ff4b05 rgb(255,75,5)
```

Split Complementary Color

#3cff05
```
#3cff05 rgb(60,255,5)
```
#053cff
```
#053cff rgb(5,60,255)
```
#ff053c
```
#ff053c rgb(255,5,60)
```

Triadic Color

#05ffc8
```
#05ffc8 rgb(5,255,200)
```
#053cff
```
#053cff rgb(5,60,255)
```
#ff053c
```
#ff053c rgb(255,5,60)
```
#ffc805
```
#ffc805 rgb(255,200,5)
```

Tetradic Color

#0028b8
```
#0028b8 rgb(0,40,184)
```
#002ed1
```
#002ed1 rgb(0,46,209)
```
#0034eb
```
#0034eb rgb(0,52,235)
```
#053cff
```
#053cff rgb(5,60,255)
```
#1f50ff
```
#1f50ff rgb(31,80,255)
```
#3864ff
```
#3864ff rgb(56,100,255)
```
#5178ff
```
#5178ff rgb(81,120,255)
```

Monochromatic Color

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

#057bff
```
#057bff rgb(5,123,255)
```
#0566ff
```
#0566ff rgb(5,102,255)
```
#0551ff
```
#0551ff rgb(5,81,255)
```
#053cff
```
#053cff rgb(5,60,255)
```
#0527ff
```
#0527ff rgb(5,39,255)
```
#0512ff
```
#0512ff rgb(5,18,255)
```
#0c05ff
```
#0c05ff rgb(12,5,255)
```

Similar Colors

Text with hexadecimal color #053cff

This text has a font color of #053cff.

<span style="color:#053cff;">Text here</span>

#053cff background color

This paragraph has a background color of #053cff.

<p style="background-color:#053cff;">Content here</p>

#053cff border color

This element has a border color of #053cff.

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

CSS codes

.text {color:#053cff;}

.background {background-color:#053cff;}

.border {border:1px solid #053cff;}

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

#000105
```
#000105 rgb(0,1,5)
```
#000519
```
#000519 rgb(0,5,25)
```
#000a2c
```
#000a2c rgb(0,10,44)
```
#000e40
```
#000e40 rgb(0,14,64)
```
#001253
```
#001253 rgb(0,18,83)
```
#001767
```
#001767 rgb(0,23,103)
```
#001b7b
```
#001b7b rgb(0,27,123)
```
#001f8e
```
#001f8e rgb(0,31,142)
```
#0024a2
```
#0024a2 rgb(0,36,162)
```
#0028b6
```
#0028b6 rgb(0,40,182)
```
#002cc9
```
#002cc9 rgb(0,44,201)
```
#0031dd
```
#0031dd rgb(0,49,221)
```
#0035f0
```
#0035f0 rgb(0,53,240)
```

Shade Color Variation

#053cff
```
#053cff rgb(5,60,255)
```
#194bff
```
#194bff rgb(25,75,255)
```
#2c5bff
```
#2c5bff rgb(44,91,255)
```
#406aff
```
#406aff rgb(64,106,255)
```
#5379ff
```
#5379ff rgb(83,121,255)
```
#6789ff
```
#6789ff rgb(103,137,255)
```
#7b98ff
```
#7b98ff rgb(123,152,255)
```
#8ea7ff
```
#8ea7ff rgb(142,167,255)
```
#a2b6ff
```
#a2b6ff rgb(162,182,255)
```
#b6c6ff
```
#b6c6ff rgb(182,198,255)
```
#c9d5ff
```
#c9d5ff rgb(201,213,255)
```
#dde4ff
```
#dde4ff rgb(221,228,255)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#787d8c
```
#787d8c rgb(120,125,140)
```
#6f7795
```
#6f7795 rgb(111,119,149)
```
#65729f
```
#65729f rgb(101,114,159)
```
#5c6ca8
```
#5c6ca8 rgb(92,108,168)
```
#5267b2
```
#5267b2 rgb(82,103,178)
```
#4862bc
```
#4862bc rgb(72,98,188)
```
#3f5cc5
```
#3f5cc5 rgb(63,92,197)
```
#3557cf
```
#3557cf rgb(53,87,207)
```
#2b52d9
```
#2b52d9 rgb(43,82,217)
```
#224ce2
```
#224ce2 rgb(34,76,226)
```
#1847ec
```
#1847ec rgb(24,71,236)
```
#0f41f5
```
#0f41f5 rgb(15,65,245)
```
#053cff
```
#053cff rgb(5,60,255)
```

Tone Color Variation

Below, you can see how #053cff 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

#424242 Achromatopsia 0.005% of the population
#364168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0153d4 Protanomaly 1% of men, 0.01% of women
#0157c4 Deuteranomaly 6% of men, 0.4% of women
#015ba5 Tritanomaly 0.01% of the population

#053cff hex color

#053cff Color Information

#053cff Color Conversion

Color Schemes with #053cff

Alternatives to #053cff

#053cff Preview

Shades and Tints of #053cff

Tones of #053cff

Color Blindness Simulator