colorhexa.com

#0533f1 hex color

In a RGB color space, hex #0533f1 is composed of 2% red, 20% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 78.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 228.3 degrees, a saturation of 95.9% and a lightness of 48.2%. #0533f1 color hex could be obtained by blending #0a66ff with #0000e3. Closest websafe color is: #0033ff.

- R 2
- G 20
- B 95
RGB color chart
- C 98
- M 79
- Y 0
- K 5
CMYK color chart

● #0533f1 color description : Vivid blue.

The hexadecimal color #0533f1 has RGB values of R:5, G:51, B:241 and CMYK values of C:0.98, M:0.79, Y:0, K:0.05. Its decimal value is 340977.

Hex triplet	0533f1	`#0533f1`
RGB Decimal	5, 51, 241	`rgb(5,51,241)`
RGB Percent	2, 20, 94.5	`rgb(2%,20%,94.5%)`
CMYK	98, 79, 0, 5
HSL	228.3°, 95.9, 48.2	`hsl(228.3,95.9%,48.2%)`
HSV (or HSB)	228.3°, 97.9, 94.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.497, 60.405, -94.642
XYZ	17.12, 8.749, 84.001
xyY	0.156, 0.08, 8.749
CIE-LCH	35.497, 112.276, 302.548
CIE-LUV	35.497, -12.363, -125.358
Hunter-Lab	29.579, 51.551, -147.669
Binary	00000101, 00110011, 11110001

#0533f1
```
#0533f1 rgb(5,51,241)
```
#f1c305
```
#f1c305 rgb(241,195,5)
```

Complementary Color

#05a9f1
```
#05a9f1 rgb(5,169,241)
```
#0533f1
```
#0533f1 rgb(5,51,241)
```
#4d05f1
```
#4d05f1 rgb(77,5,241)
```

Analogous Color

#a9f105
```
#a9f105 rgb(169,241,5)
```
#0533f1
```
#0533f1 rgb(5,51,241)
```
#f14d05
```
#f14d05 rgb(241,77,5)
```

Split Complementary Color

#0323a6
```
#0323a6 rgb(3,35,166)
```
#0428bf
```
#0428bf rgb(4,40,191)
```
#042ed8
```
#042ed8 rgb(4,46,216)
```
#0533f1
```
#0533f1 rgb(5,51,241)
```
#1542fa
```
#1542fa rgb(21,66,250)
```
#2e56fb
```
#2e56fb rgb(46,86,251)
```
#476afb
```
#476afb rgb(71,106,251)
```

Monochromatic Color

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

#056ef1
```
#056ef1 rgb(5,110,241)
```
#055af1
```
#055af1 rgb(5,90,241)
```
#0547f1
```
#0547f1 rgb(5,71,241)
```
#0533f1
```
#0533f1 rgb(5,51,241)
```
#051ff1
```
#051ff1 rgb(5,31,241)
```
#050cf1
```
#050cf1 rgb(5,12,241)
```
#1205f1
```
#1205f1 rgb(18,5,241)
```

Similar Colors

Text with hexadecimal color #0533f1

This text has a font color of #0533f1.

<span style="color:#0533f1;">Text here</span>

#0533f1 background color

This paragraph has a background color of #0533f1.

<p style="background-color:#0533f1;">Content here</p>

#0533f1 border color

This element has a border color of #0533f1.

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

CSS codes

.text {color:#0533f1;}

.background {background-color:#0533f1;}

.border {border:1px solid #0533f1;}

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, #00020a is the darkest color, while #f6f8ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#01061e
```
#01061e rgb(1,6,30)
```
#010a31
```
#010a31 rgb(1,10,49)
```
#010e44
```
#010e44 rgb(1,14,68)
```
#021257
```
#021257 rgb(2,18,87)
```
#02176a
```
#02176a rgb(2,23,106)
```
#031b7e
```
#031b7e rgb(3,27,126)
```
#031f91
```
#031f91 rgb(3,31,145)
```
#0323a4
```
#0323a4 rgb(3,35,164)
```
#0427b7
```
#0427b7 rgb(4,39,183)
```
#042bcb
```
#042bcb rgb(4,43,203)
```
#052fde
```
#052fde rgb(5,47,222)
```
#0533f1
```
#0533f1 rgb(5,51,241)
```

Shade Color Variation

#103dfa
```
#103dfa rgb(16,61,250)
```
#234dfa
```
#234dfa rgb(35,77,250)
```
#365cfb
```
#365cfb rgb(54,92,251)
```
#496cfb
```
#496cfb rgb(73,108,251)
```
#5c7bfc
```
#5c7bfc rgb(92,123,252)
```
#708bfc
```
#708bfc rgb(112,139,252)
```
#839bfc
```
#839bfc rgb(131,155,252)
```
#96aafd
```
#96aafd rgb(150,170,253)
```
#a9bafd
```
#a9bafd rgb(169,186,253)
```
#bdc9fe
```
#bdc9fe rgb(189,201,254)
```
#d0d9fe
```
#d0d9fe rgb(208,217,254)
```
#e3e8fe
```
#e3e8fe rgb(227,232,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#77787f
```
#77787f rgb(119,120,127)
```
#6d7389
```
#6d7389 rgb(109,115,137)
```
#646d92
```
#646d92 rgb(100,109,146)
```
#5a679c
```
#5a679c rgb(90,103,156)
```
#5161a5
```
#5161a5 rgb(81,97,165)
```
#475baf
```
#475baf rgb(71,91,175)
```
#3e56b8
```
#3e56b8 rgb(62,86,184)
```
#3450c2
```
#3450c2 rgb(52,80,194)
```
#2b4acb
```
#2b4acb rgb(43,74,203)
```
#2144d5
```
#2144d5 rgb(33,68,213)
```
#183fde
```
#183fde rgb(24,63,222)
```
#0e39e8
```
#0e39e8 rgb(14,57,232)
```
#0533f1
```
#0533f1 rgb(5,51,241)
```

Tone Color Variation

Below, you can see how #0533f1 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
#30395f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#014bc6 Protanomaly 1% of men, 0.01% of women
#014fb7 Deuteranomaly 6% of men, 0.4% of women
#01539b Tritanomaly 0.01% of the population