#0531ff hex color

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

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

● #0531ff color description : Vivid blue.

The hexadecimal color #0531ff has RGB values of R:5, G:49, B:255 and CMYK values of C:0.98, M:0.81, Y:0, K:0. Its decimal value is 340479.

Hex triplet	0531ff	`#0531ff`
RGB Decimal	5, 49, 255	`rgb(5,49,255)`
RGB Percent	2, 19.2, 100	`rgb(2%,19.2%,100%)`
CMYK	98, 81, 0, 0
HSL	229.4°, 100, 51	`hsl(229.4,100%,51%)`
HSV (or HSB)	229.4°, 98, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.832, 65.69, -100.298
XYZ	19.207, 9.447, 95.413
xyY	0.155, 0.076, 9.447
CIE-LCH	36.832, 119.895, 303.223
CIE-LUV	36.832, -12.46, -133.2
Hunter-Lab	30.737, 57.756, -162.535
Binary	00000101, 00110001, 11111111

#0531ff
```
#0531ff rgb(5,49,255)
```
#ffd305
```
#ffd305 rgb(255,211,5)
```

Complementary Color

#05aeff
```
#05aeff rgb(5,174,255)
```
#0531ff
```
#0531ff rgb(5,49,255)
```
#5605ff
```
#5605ff rgb(86,5,255)
```

Analogous Color

#aeff05
```
#aeff05 rgb(174,255,5)
```
#0531ff
```
#0531ff rgb(5,49,255)
```
#ff5605
```
#ff5605 rgb(255,86,5)
```

Split Complementary Color

#31ff05
```
#31ff05 rgb(49,255,5)
```
#0531ff
```
#0531ff rgb(5,49,255)
```
#ff0531
```
#ff0531 rgb(255,5,49)
```

Triadic Color

#05ffd3
```
#05ffd3 rgb(5,255,211)
```
#0531ff
```
#0531ff rgb(5,49,255)
```
#ff0531
```
#ff0531 rgb(255,5,49)
```
#ffd305
```
#ffd305 rgb(255,211,5)
```

Tetradic Color

#0020b8
```
#0020b8 rgb(0,32,184)
```
#0025d1
```
#0025d1 rgb(0,37,209)
```
#0029eb
```
#0029eb rgb(0,41,235)
```
#0531ff
```
#0531ff rgb(5,49,255)
```
#1f46ff
```
#1f46ff rgb(31,70,255)
```
#385bff
```
#385bff rgb(56,91,255)
```
#5170ff
```
#5170ff rgb(81,112,255)
```

Monochromatic Color

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

#0570ff
```
#0570ff rgb(5,112,255)
```
#055bff
```
#055bff rgb(5,91,255)
```
#0546ff
```
#0546ff rgb(5,70,255)
```
#0531ff
```
#0531ff rgb(5,49,255)
```
#051cff
```
#051cff rgb(5,28,255)
```
#0507ff
```
#0507ff rgb(5,7,255)
```
#1705ff
```
#1705ff rgb(23,5,255)
```

Similar Colors

Text with hexadecimal color #0531ff

This text has a font color of #0531ff.

<span style="color:#0531ff;">Text here</span>

#0531ff background color

This paragraph has a background color of #0531ff.

<p style="background-color:#0531ff;">Content here</p>

#0531ff border color

This element has a border color of #0531ff.

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

CSS codes

.text {color:#0531ff;}

.background {background-color:#0531ff;}

.border {border:1px solid #0531ff;}

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

#000105
```
#000105 rgb(0,1,5)
```
#000419
```
#000419 rgb(0,4,25)
```
#00082c
```
#00082c rgb(0,8,44)
```
#000b40
```
#000b40 rgb(0,11,64)
```
#000f53
```
#000f53 rgb(0,15,83)
```
#001267
```
#001267 rgb(0,18,103)
```
#00167b
```
#00167b rgb(0,22,123)
```
#00198e
```
#00198e rgb(0,25,142)
```
#001ca2
```
#001ca2 rgb(0,28,162)
```
#0020b6
```
#0020b6 rgb(0,32,182)
```
#0023c9
```
#0023c9 rgb(0,35,201)
```
#0027dd
```
#0027dd rgb(0,39,221)
```
#002af0
```
#002af0 rgb(0,42,240)
```

Shade Color Variation

#0531ff
```
#0531ff rgb(5,49,255)
```
#1941ff
```
#1941ff rgb(25,65,255)
```
#2c51ff
```
#2c51ff rgb(44,81,255)
```
#4061ff
```
#4061ff rgb(64,97,255)
```
#5372ff
```
#5372ff rgb(83,114,255)
```
#6782ff
```
#6782ff rgb(103,130,255)
```
#7b92ff
```
#7b92ff rgb(123,146,255)
```
#8ea2ff
```
#8ea2ff rgb(142,162,255)
```
#a2b2ff
```
#a2b2ff rgb(162,178,255)
```
#b6c2ff
```
#b6c2ff rgb(182,194,255)
```
#c9d3ff
```
#c9d3ff rgb(201,211,255)
```
#dde3ff
```
#dde3ff rgb(221,227,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#787c8c
```
#787c8c rgb(120,124,140)
```
#6f7695
```
#6f7695 rgb(111,118,149)
```
#656f9f
```
#656f9f rgb(101,111,159)
```
#5c69a8
```
#5c69a8 rgb(92,105,168)
```
#5263b2
```
#5263b2 rgb(82,99,178)
```
#485dbc
```
#485dbc rgb(72,93,188)
```
#3f56c5
```
#3f56c5 rgb(63,86,197)
```
#3550cf
```
#3550cf rgb(53,80,207)
```
#2b4ad9
```
#2b4ad9 rgb(43,74,217)
```
#2244e2
```
#2244e2 rgb(34,68,226)
```
#183dec
```
#183dec rgb(24,61,236)
```
#0f37f5
```
#0f37f5 rgb(15,55,245)
```
#0531ff
```
#0531ff rgb(5,49,255)
```

Tone Color Variation

Below, you can see how #0531ff 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

#3b3b3b Achromatopsia 0.005% of the population
#303962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#014ccf Protanomaly 1% of men, 0.01% of women
#0150bf Deuteranomaly 6% of men, 0.4% of women
#0154a2 Tritanomaly 0.01% of the population

#0531ff hex color

#0531ff Color Information

#0531ff Color Conversion

Color Schemes with #0531ff

Alternatives to #0531ff

#0531ff Preview

Shades and Tints of #0531ff

Tones of #0531ff

Color Blindness Simulator