#052af9 hex color

In a RGB color space, hex #052af9 is composed of 2% red, 16.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 83.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.9 degrees, a saturation of 96.1% and a lightness of 49.8%. #052af9 color hex could be obtained by blending #0a54ff with #0000f3. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 16
- B 98
RGB color chart
- C 98
- M 83
- Y 0
- K 2
CMYK color chart

● #052af9 color description : Vivid blue.

The hexadecimal color #052af9 has RGB values of R:5, G:42, B:249 and CMYK values of C:0.98, M:0.83, Y:0, K:0.02. Its decimal value is 338681.

Hex triplet	052af9	`#052af9`
RGB Decimal	5, 42, 249	`rgb(5,42,249)`
RGB Percent	2, 16.5, 97.6	`rgb(2%,16.5%,97.6%)`
CMYK	98, 83, 0, 2
HSL	230.9°, 96.1, 49.8	`hsl(230.9,96.1%,49.8%)`
HSV (or HSB)	230.9°, 98, 97.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.056, 66.989, -99.889
XYZ	17.986, 8.526, 90.315
xyY	0.154, 0.073, 8.526
CIE-LCH	35.056, 120.272, 303.847
CIE-LUV	35.056, -11.503, -129.535
Hunter-Lab	29.2, 58.85, -162.944
Binary	00000101, 00101010, 11111001

#052af9
```
#052af9 rgb(5,42,249)
```
#f9d405
```
#f9d405 rgb(249,212,5)
```

Complementary Color

#05a4f9
```
#05a4f9 rgb(5,164,249)
```
#052af9
```
#052af9 rgb(5,42,249)
```
#5a05f9
```
#5a05f9 rgb(90,5,249)
```

Analogous Color

#a4f905
```
#a4f905 rgb(164,249,5)
```
#052af9
```
#052af9 rgb(5,42,249)
```
#f95a05
```
#f95a05 rgb(249,90,5)
```

Split Complementary Color

#2af905
```
#2af905 rgb(42,249,5)
```
#052af9
```
#052af9 rgb(5,42,249)
```
#f9052a
```
#f9052a rgb(249,5,42)
```

Triadic Color

#05f9d4
```
#05f9d4 rgb(5,249,212)
```
#052af9
```
#052af9 rgb(5,42,249)
```
#f9052a
```
#f9052a rgb(249,5,42)
```
#f9d405
```
#f9d405 rgb(249,212,5)
```

Tetradic Color

#031dae
```
#031dae rgb(3,29,174)
```
#0422c7
```
#0422c7 rgb(4,34,199)
```
#0426e0
```
#0426e0 rgb(4,38,224)
```
#052af9
```
#052af9 rgb(5,42,249)
```
#1d3ffa
```
#1d3ffa rgb(29,63,250)
```
#3654fb
```
#3654fb rgb(54,84,251)
```
#4f69fb
```
#4f69fb rgb(79,105,251)
```

Monochromatic Color

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

#0567f9
```
#0567f9 rgb(5,103,249)
```
#0553f9
```
#0553f9 rgb(5,83,249)
```
#053ef9
```
#053ef9 rgb(5,62,249)
```
#052af9
```
#052af9 rgb(5,42,249)
```
#0516f9
```
#0516f9 rgb(5,22,249)
```
#0905f9
```
#0905f9 rgb(9,5,249)
```
#1d05f9
```
#1d05f9 rgb(29,5,249)
```

Similar Colors

Text with hexadecimal color #052af9

This text has a font color of #052af9.

<span style="color:#052af9;">Text here</span>

#052af9 background color

This paragraph has a background color of #052af9.

<p style="background-color:#052af9;">Content here</p>

#052af9 border color

This element has a border color of #052af9.

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

CSS codes

.text {color:#052af9;}

.background {background-color:#052af9;}

.border {border:1px solid #052af9;}

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

#000312
```
#000312 rgb(0,3,18)
```
#010625
```
#010625 rgb(1,6,37)
```
#010a39
```
#010a39 rgb(1,10,57)
```
#020d4c
```
#020d4c rgb(2,13,76)
```
#02105f
```
#02105f rgb(2,16,95)
```
#021372
```
#021372 rgb(2,19,114)
```
#031786
```
#031786 rgb(3,23,134)
```
#031a99
```
#031a99 rgb(3,26,153)
```
#031dac
```
#031dac rgb(3,29,172)
```
#0420bf
```
#0420bf rgb(4,32,191)
```
#0424d3
```
#0424d3 rgb(4,36,211)
```
#0527e6
```
#0527e6 rgb(5,39,230)
```
#052af9
```
#052af9 rgb(5,42,249)
```

Shade Color Variation

#173afa
```
#173afa rgb(23,58,250)
```
#2a4afb
```
#2a4afb rgb(42,74,251)
```
#3e5afb
```
#3e5afb rgb(62,90,251)
```
#516bfc
```
#516bfc rgb(81,107,252)
```
#647bfc
```
#647bfc rgb(100,123,252)
```
#778cfc
```
#778cfc rgb(119,140,252)
```
#8b9cfd
```
#8b9cfd rgb(139,156,253)
```
#9eacfd
```
#9eacfd rgb(158,172,253)
```
#b1bdfd
```
#b1bdfd rgb(177,189,253)
```
#c4cdfe
```
#c4cdfe rgb(196,205,254)
```
#d8ddfe
```
#d8ddfe rgb(216,221,254)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c84 is the less saturated color, while #052af9 is the most saturated one.

#7a7c84
```
#7a7c84 rgb(122,124,132)
```
#70758e
```
#70758e rgb(112,117,142)
```
#676e97
```
#676e97 rgb(103,110,151)
```
#5d67a1
```
#5d67a1 rgb(93,103,161)
```
#5360ab
```
#5360ab rgb(83,96,171)
```
#495ab5
```
#495ab5 rgb(73,90,181)
```
#4053be
```
#4053be rgb(64,83,190)
```
#364cc8
```
#364cc8 rgb(54,76,200)
```
#2c45d2
```
#2c45d2 rgb(44,69,210)
```
#223edc
```
#223edc rgb(34,62,220)
```
#1938e5
```
#1938e5 rgb(25,56,229)
```
#0f31ef
```
#0f31ef rgb(15,49,239)
```
#052af9
```
#052af9 rgb(5,42,249)
```

Tone Color Variation

Below, you can see how #052af9 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

#373737 Achromatopsia 0.005% of the population
#2d345e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0147c8 Protanomaly 1% of men, 0.01% of women
#014bb9 Deuteranomaly 6% of men, 0.4% of women
#014f9d Tritanomaly 0.01% of the population

#052af9 hex color

#052af9 Color Information

#052af9 Color Conversion

Color Schemes with #052af9

Alternatives to #052af9

#052af9 Preview

Shades and Tints of #052af9

Tones of #052af9

Color Blindness Simulator