#0033af hex color

In a RGB color space, hex #0033af is composed of 0% red, 20% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 70.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 222.5 degrees, a saturation of 100% and a lightness of 34.3%. #0033af color hex could be obtained by blending #0066ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 20
- B 69
RGB color chart
- C 100
- M 71
- Y 0
- K 31
CMYK color chart

● #0033af color description : Dark blue.

The hexadecimal color #0033af has RGB values of R:0, G:51, B:175 and CMYK values of C:1, M:0.71, Y:0, K:0.31. Its decimal value is 13231.

Hex triplet	0033af	`#0033af`
RGB Decimal	0, 51, 175	`rgb(0,51,175)`
RGB Percent	0, 20, 68.6	`rgb(0%,20%,68.6%)`
CMYK	100, 71, 0, 31
HSL	222.5°, 100, 34.3	`hsl(222.5,100%,34.3%)`
HSV (or HSB)	222.5°, 100, 68.6
Web Safe	003399	`#003399`

CIE-LAB	28.013, 37.511, -68.703
XYZ	8.92, 5.462, 41.139
xyY	0.161, 0.098, 5.462
CIE-LCH	28.013, 78.276, 298.634
CIE-LUV	28.013, -11.405, -87.003
Hunter-Lab	23.371, 27.229, -88.007
Binary	00000000, 00110011, 10101111

#0033af
```
#0033af rgb(0,51,175)
```
#af7c00
```
#af7c00 rgb(175,124,0)
```

Complementary Color

#008baf
```
#008baf rgb(0,139,175)
```
#0033af
```
#0033af rgb(0,51,175)
```
#2400af
```
#2400af rgb(36,0,175)
```

Analogous Color

#8baf00
```
#8baf00 rgb(139,175,0)
```
#0033af
```
#0033af rgb(0,51,175)
```
#af2400
```
#af2400 rgb(175,36,0)
```

Split Complementary Color

#33af00
```
#33af00 rgb(51,175,0)
```
#0033af
```
#0033af rgb(0,51,175)
```
#af0033
```
#af0033 rgb(175,0,51)
```

Triadic Color

#00af7c
```
#00af7c rgb(0,175,124)
```
#0033af
```
#0033af rgb(0,51,175)
```
#af0033
```
#af0033 rgb(175,0,51)
```
#af7c00
```
#af7c00 rgb(175,124,0)
```

Tetradic Color

#001d63
```
#001d63 rgb(0,29,99)
```
#00247c
```
#00247c rgb(0,36,124)
```
#002c96
```
#002c96 rgb(0,44,150)
```
#0033af
```
#0033af rgb(0,51,175)
```
#003ac9
```
#003ac9 rgb(0,58,201)
```
#0042e2
```
#0042e2 rgb(0,66,226)
```
#0049fc
```
#0049fc rgb(0,73,252)
```

Monochromatic Color

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

#005faf
```
#005faf rgb(0,95,175)
```
#0050af
```
#0050af rgb(0,80,175)
```
#0042af
```
#0042af rgb(0,66,175)
```
#0033af
```
#0033af rgb(0,51,175)
```
#0024af
```
#0024af rgb(0,36,175)
```
#0016af
```
#0016af rgb(0,22,175)
```
#0007af
```
#0007af rgb(0,7,175)
```

Similar Colors

Text with hexadecimal color #0033af

This text has a font color of #0033af.

<span style="color:#0033af;">Text here</span>

#0033af background color

This paragraph has a background color of #0033af.

<p style="background-color:#0033af;">Content here</p>

#0033af border color

This element has a border color of #0033af.

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

CSS codes

.text {color:#0033af;}

.background {background-color:#0033af;}

.border {border:1px solid #0033af;}

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

#000512
```
#000512 rgb(0,5,18)
```
#000b26
```
#000b26 rgb(0,11,38)
```
#001139
```
#001139 rgb(0,17,57)
```
#00164d
```
#00164d rgb(0,22,77)
```
#001c61
```
#001c61 rgb(0,28,97)
```
#002274
```
#002274 rgb(0,34,116)
```
#002888
```
#002888 rgb(0,40,136)
```
#002d9b
```
#002d9b rgb(0,45,155)
```
#0033af
```
#0033af rgb(0,51,175)
```
#0039c3
```
#0039c3 rgb(0,57,195)
```
#003ed6
```
#003ed6 rgb(0,62,214)
```
#0044ea
```
#0044ea rgb(0,68,234)
```
#004afd
```
#004afd rgb(0,74,253)
```

Shade Color Variation

#1257ff
```
#1257ff rgb(18,87,255)
```
#2665ff
```
#2665ff rgb(38,101,255)
```
#3973ff
```
#3973ff rgb(57,115,255)
```
#4d81ff
```
#4d81ff rgb(77,129,255)
```
#618fff
```
#618fff rgb(97,143,255)
```
#749dff
```
#749dff rgb(116,157,255)
```
#88abff
```
#88abff rgb(136,171,255)
```
#9bb8ff
```
#9bb8ff rgb(155,184,255)
```
#afc6ff
```
#afc6ff rgb(175,198,255)
```
#c3d4ff
```
#c3d4ff rgb(195,212,255)
```
#d6e2ff
```
#d6e2ff rgb(214,226,255)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51555e is the less saturated color, while #0033af is the most saturated one.

#51555e
```
#51555e rgb(81,85,94)
```
#4a5265
```
#4a5265 rgb(74,82,101)
```
#434f6c
```
#434f6c rgb(67,79,108)
```
#3d4c72
```
#3d4c72 rgb(61,76,114)
```
#364979
```
#364979 rgb(54,73,121)
```
#2f4780
```
#2f4780 rgb(47,71,128)
```
#284487
```
#284487 rgb(40,68,135)
```
#22418d
```
#22418d rgb(34,65,141)
```
#1b3e94
```
#1b3e94 rgb(27,62,148)
```
#143b9b
```
#143b9b rgb(20,59,155)
```
#0d39a2
```
#0d39a2 rgb(13,57,162)
```
#0736a8
```
#0736a8 rgb(7,54,168)
```
#0033af
```
#0033af rgb(0,51,175)
```

Tone Color Variation

Below, you can see how #0033af 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

#323232 Achromatopsia 0.005% of the population
#28324b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#00419a Protanomaly 1% of men, 0.01% of women
#00448e Deuteranomaly 6% of men, 0.4% of women
#004777 Tritanomaly 0.01% of the population

#0033af hex color

#0033af Color Information

#0033af Color Conversion

Color Schemes with #0033af

Alternatives to #0033af

#0033af Preview

Shades and Tints of #0033af

Tones of #0033af

Color Blindness Simulator