#053af0 hex color

In a RGB color space, hex #053af0 is composed of 2% red, 22.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 75.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 226.5 degrees, a saturation of 95.9% and a lightness of 48%. #053af0 color hex could be obtained by blending #0a74ff with #0000e1. Closest websafe color is: #0033ff.

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

● #053af0 color description : Vivid blue.

The hexadecimal color #053af0 has RGB values of R:5, G:58, B:240 and CMYK values of C:0.98, M:0.76, Y:0, K:0.06. Its decimal value is 342768.

Hex triplet	053af0	`#053af0`
RGB Decimal	5, 58, 240	`rgb(5,58,240)`
RGB Percent	2, 22.7, 94.1	`rgb(2%,22.7%,94.1%)`
CMYK	98, 76, 0, 6
HSL	226.5°, 95.9, 48	`hsl(226.5,95.9%,48%)`
HSV (or HSB)	226.5°, 97.9, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.646, 56.44, -92.168
XYZ	17.301, 9.348, 83.326
xyY	0.157, 0.085, 9.348
CIE-LCH	36.646, 108.076, 301.482
CIE-LUV	36.646, -13.348, -124.757
Hunter-Lab	30.575, 47.497, -140.181
Binary	00000101, 00111010, 11110000

#053af0
```
#053af0 rgb(5,58,240)
```
#f0bb05
```
#f0bb05 rgb(240,187,5)
```

Complementary Color

#05b0f0
```
#05b0f0 rgb(5,176,240)
```
#053af0
```
#053af0 rgb(5,58,240)
```
#4605f0
```
#4605f0 rgb(70,5,240)
```

Analogous Color

#b0f005
```
#b0f005 rgb(176,240,5)
```
#053af0
```
#053af0 rgb(5,58,240)
```
#f04605
```
#f04605 rgb(240,70,5)
```

Split Complementary Color

#3af005
```
#3af005 rgb(58,240,5)
```
#053af0
```
#053af0 rgb(5,58,240)
```
#f0053a
```
#f0053a rgb(240,5,58)
```

Triadic Color

#05f0bb
```
#05f0bb rgb(5,240,187)
```
#053af0
```
#053af0 rgb(5,58,240)
```
#f0053a
```
#f0053a rgb(240,5,58)
```
#f0bb05
```
#f0bb05 rgb(240,187,5)
```

Tetradic Color

#0328a5
```
#0328a5 rgb(3,40,165)
```
#042ebe
```
#042ebe rgb(4,46,190)
```
#0434d7
```
#0434d7 rgb(4,52,215)
```
#053af0
```
#053af0 rgb(5,58,240)
```
#1448fa
```
#1448fa rgb(20,72,250)
```
#2d5cfb
```
#2d5cfb rgb(45,92,251)
```
#466ffb
```
#466ffb rgb(70,111,251)
```

Monochromatic Color

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

#0575f0
```
#0575f0 rgb(5,117,240)
```
#0561f0
```
#0561f0 rgb(5,97,240)
```
#054ef0
```
#054ef0 rgb(5,78,240)
```
#053af0
```
#053af0 rgb(5,58,240)
```
#0526f0
```
#0526f0 rgb(5,38,240)
```
#0513f0
```
#0513f0 rgb(5,19,240)
```
#0b05f0
```
#0b05f0 rgb(11,5,240)
```

Similar Colors

Text with hexadecimal color #053af0

This text has a font color of #053af0.

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

#053af0 background color

This paragraph has a background color of #053af0.

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

#053af0 border color

This element has a border color of #053af0.

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

CSS codes

.text {color:#053af0;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01071d
```
#01071d rgb(1,7,29)
```
#010c30
```
#010c30 rgb(1,12,48)
```
#011043
```
#011043 rgb(1,16,67)
```
#021556
```
#021556 rgb(2,21,86)
```
#021969
```
#021969 rgb(2,25,105)
```
#031e7d
```
#031e7d rgb(3,30,125)
```
#032390
```
#032390 rgb(3,35,144)
```
#0327a3
```
#0327a3 rgb(3,39,163)
```
#042cb6
```
#042cb6 rgb(4,44,182)
```
#0431ca
```
#0431ca rgb(4,49,202)
```
#0535dd
```
#0535dd rgb(5,53,221)
```
#053af0
```
#053af0 rgb(5,58,240)
```

Shade Color Variation

#0f44fa
```
#0f44fa rgb(15,68,250)
```
#2253fa
```
#2253fa rgb(34,83,250)
```
#3562fb
```
#3562fb rgb(53,98,251)
```
#4871fb
```
#4871fb rgb(72,113,251)
```
#5b80fc
```
#5b80fc rgb(91,128,252)
```
#6f8ffc
```
#6f8ffc rgb(111,143,252)
```
#829efc
```
#829efc rgb(130,158,252)
```
#95adfd
```
#95adfd rgb(149,173,253)
```
#a8bbfd
```
#a8bbfd rgb(168,187,253)
```
#bccafe
```
#bccafe rgb(188,202,254)
```
#cfd9fe
```
#cfd9fe rgb(207,217,254)
```
#e2e8fe
```
#e2e8fe rgb(226,232,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#76787f
```
#76787f rgb(118,120,127)
```
#6d7388
```
#6d7388 rgb(109,115,136)
```
#636e92
```
#636e92 rgb(99,110,146)
```
#5a699b
```
#5a699b rgb(90,105,155)
```
#5063a5
```
#5063a5 rgb(80,99,165)
```
#475eae
```
#475eae rgb(71,94,174)
```
#3e59b7
```
#3e59b7 rgb(62,89,183)
```
#3454c1
```
#3454c1 rgb(52,84,193)
```
#2b4fca
```
#2b4fca rgb(43,79,202)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#1844dd
```
#1844dd rgb(24,68,221)
```
#0e3fe7
```
#0e3fe7 rgb(14,63,231)
```
#053af0
```
#053af0 rgb(5,58,240)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#333e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#014fc9 Protanomaly 1% of men, 0.01% of women
#0153b9 Deuteranomaly 6% of men, 0.4% of women
#01579c Tritanomaly 0.01% of the population

#053af0 hex color

#053af0 Color Information

#053af0 Color Conversion

Color Schemes with #053af0

Alternatives to #053af0

#053af0 Preview

Shades and Tints of #053af0

Tones of #053af0

Color Blindness Simulator