#0033d0 hex color

In a RGB color space, hex #0033d0 is composed of 0% red, 20% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 75.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 225.3 degrees, a saturation of 100% and a lightness of 40.8%. #0033d0 color hex could be obtained by blending #0066ff with #0000a1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 20
- B 82
RGB color chart
- C 100
- M 75
- Y 0
- K 18
CMYK color chart

● #0033d0 color description : Strong blue.

The hexadecimal color #0033d0 has RGB values of R:0, G:51, B:208 and CMYK values of C:1, M:0.75, Y:0, K:0.18. Its decimal value is 13264.

Hex triplet	0033d0	`#0033d0`
RGB Decimal	0, 51, 208	`rgb(0,51,208)`
RGB Percent	0, 20, 81.6	`rgb(0%,20%,81.6%)`
CMYK	100, 75, 0, 18
HSL	225.3°, 100, 40.8	`hsl(225.3,100%,40.8%)`
HSV (or HSB)	225.3°, 100, 81.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.626, 49.438, -82.169
XYZ	12.567, 6.921, 60.345
xyY	0.157, 0.087, 6.921
CIE-LCH	31.626, 95.894, 301.034
CIE-LUV	31.626, -11.851, -106.446
Hunter-Lab	26.307, 39.23, -117.587
Binary	00000000, 00110011, 11010000

#0033d0
```
#0033d0 rgb(0,51,208)
```
#d09d00
```
#d09d00 rgb(208,157,0)
```

Complementary Color

#009bd0
```
#009bd0 rgb(0,155,208)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#3500d0
```
#3500d0 rgb(53,0,208)
```

Analogous Color

#9bd000
```
#9bd000 rgb(155,208,0)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#d03500
```
#d03500 rgb(208,53,0)
```

Split Complementary Color

#33d000
```
#33d000 rgb(51,208,0)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#d00033
```
#d00033 rgb(208,0,51)
```

Triadic Color

#00d09d
```
#00d09d rgb(0,208,157)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#d00033
```
#d00033 rgb(208,0,51)
```
#d09d00
```
#d09d00 rgb(208,157,0)
```

Tetradic Color

#002084
```
#002084 rgb(0,32,132)
```
#00269d
```
#00269d rgb(0,38,157)
```
#002db7
```
#002db7 rgb(0,45,183)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#0039ea
```
#0039ea rgb(0,57,234)
```
#0442ff
```
#0442ff rgb(4,66,255)
```
#1e55ff
```
#1e55ff rgb(30,85,255)
```

Monochromatic Color

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

#0067d0
```
#0067d0 rgb(0,103,208)
```
#0056d0
```
#0056d0 rgb(0,86,208)
```
#0044d0
```
#0044d0 rgb(0,68,208)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#0022d0
```
#0022d0 rgb(0,34,208)
```
#0010d0
```
#0010d0 rgb(0,16,208)
```
#0100d0
```
#0100d0 rgb(1,0,208)
```

Similar Colors

Text with hexadecimal color #0033d0

This text has a font color of #0033d0.

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

#0033d0 background color

This paragraph has a background color of #0033d0.

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

#0033d0 border color

This element has a border color of #0033d0.

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

CSS codes

.text {color:#0033d0;}

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

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

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, #00030c is the darkest color, while #f7f9ff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#00081f
```
#00081f rgb(0,8,31)
```
#000d33
```
#000d33 rgb(0,13,51)
```
#001147
```
#001147 rgb(0,17,71)
```
#00165a
```
#00165a rgb(0,22,90)
```
#001b6e
```
#001b6e rgb(0,27,110)
```
#002082
```
#002082 rgb(0,32,130)
```
#002595
```
#002595 rgb(0,37,149)
```
#0029a9
```
#0029a9 rgb(0,41,169)
```
#002ebc
```
#002ebc rgb(0,46,188)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```
#0038e4
```
#0038e4 rgb(0,56,228)
```
#003df7
```
#003df7 rgb(0,61,247)
```

Shade Color Variation

#0c47ff
```
#0c47ff rgb(12,71,255)
```
#1f56ff
```
#1f56ff rgb(31,86,255)
```
#3365ff
```
#3365ff rgb(51,101,255)
```
#4774ff
```
#4774ff rgb(71,116,255)
```
#5a83ff
```
#5a83ff rgb(90,131,255)
```
#6e91ff
```
#6e91ff rgb(110,145,255)
```
#82a0ff
```
#82a0ff rgb(130,160,255)
```
#95afff
```
#95afff rgb(149,175,255)
```
#a9beff
```
#a9beff rgb(169,190,255)
```
#bccdff
```
#bccdff rgb(188,205,255)
```
#d0dcff
```
#d0dcff rgb(208,220,255)
```
#e4eaff
```
#e4eaff rgb(228,234,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#606470
```
#606470 rgb(96,100,112)
```
#586078
```
#586078 rgb(88,96,120)
```
#505c80
```
#505c80 rgb(80,92,128)
```
#485888
```
#485888 rgb(72,88,136)
```
#405490
```
#405490 rgb(64,84,144)
```
#385098
```
#385098 rgb(56,80,152)
```
#304ba0
```
#304ba0 rgb(48,75,160)
```
#2847a8
```
#2847a8 rgb(40,71,168)
```
#2043b0
```
#2043b0 rgb(32,67,176)
```
#183fb8
```
#183fb8 rgb(24,63,184)
```
#103bc0
```
#103bc0 rgb(16,59,192)
```
#0837c8
```
#0837c8 rgb(8,55,200)
```
#0033d0
```
#0033d0 rgb(0,51,208)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2b3555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0046b0 Protanomaly 1% of men, 0.01% of women
#0049a2 Deuteranomaly 6% of men, 0.4% of women
#004d88 Tritanomaly 0.01% of the population

#0033d0 hex color

#0033d0 Color Information

#0033d0 Color Conversion

Color Schemes with #0033d0

Alternatives to #0033d0

#0033d0 Preview

Shades and Tints of #0033d0

Tones of #0033d0

Color Blindness Simulator