#033f85 hex color

In a RGB color space, hex #033f85 is composed of 1.2% red, 24.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 52.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 212.3 degrees, a saturation of 95.6% and a lightness of 26.7%. #033f85 color hex could be obtained by blending #067eff with #00000b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 25
- B 52
RGB color chart
- C 98
- M 53
- Y 0
- K 48
CMYK color chart

● #033f85 color description : Dark blue.

The hexadecimal color #033f85 has RGB values of R:3, G:63, B:133 and CMYK values of C:0.98, M:0.53, Y:0, K:0.48. Its decimal value is 212869.

Hex triplet	033f85	`#033f85`
RGB Decimal	3, 63, 133	`rgb(3,63,133)`
RGB Percent	1.2, 24.7, 52.2	`rgb(1.2%,24.7%,52.2%)`
CMYK	98, 53, 0, 48
HSL	212.3°, 95.6, 26.7	`hsl(212.3,95.6%,26.7%)`
HSV (or HSB)	212.3°, 97.7, 52.2
Web Safe	003399	`#003399`

CIE-LAB	27.483, 12.186, -43.945
XYZ	6.048, 5.267, 22.887
xyY	0.177, 0.154, 5.267
CIE-LCH	27.483, 45.603, 285.499
CIE-LUV	27.483, -14.458, -57.144
Hunter-Lab	22.951, 6.873, -43.06
Binary	00000011, 00111111, 10000101

#033f85
```
#033f85 rgb(3,63,133)
```
#854903
```
#854903 rgb(133,73,3)
```

Complementary Color

#038085
```
#038085 rgb(3,128,133)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#080385
```
#080385 rgb(8,3,133)
```

Analogous Color

#808503
```
#808503 rgb(128,133,3)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#850803
```
#850803 rgb(133,8,3)
```

Split Complementary Color

#3f8503
```
#3f8503 rgb(63,133,3)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#85033f
```
#85033f rgb(133,3,63)
```

Triadic Color

#038549
```
#038549 rgb(3,133,73)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#85033f
```
#85033f rgb(133,3,63)
```
#854903
```
#854903 rgb(133,73,3)
```

Tetradic Color

#011c3a
```
#011c3a rgb(1,28,58)
```
#022753
```
#022753 rgb(2,39,83)
```
#02336c
```
#02336c rgb(2,51,108)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#044b9e
```
#044b9e rgb(4,75,158)
```
#0457b7
```
#0457b7 rgb(4,87,183)
```
#0562d0
```
#0562d0 rgb(5,98,208)
```

Monochromatic Color

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

#036085
```
#036085 rgb(3,96,133)
```
#035585
```
#035585 rgb(3,85,133)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#033485
```
#033485 rgb(3,52,133)
```
#032985
```
#032985 rgb(3,41,133)
```
#031f85
```
#031f85 rgb(3,31,133)
```

Similar Colors

Text with hexadecimal color #033f85

This text has a font color of #033f85.

<span style="color:#033f85;">Text here</span>

#033f85 background color

This paragraph has a background color of #033f85.

<p style="background-color:#033f85;">Content here</p>

#033f85 border color

This element has a border color of #033f85.

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

CSS codes

.text {color:#033f85;}

.background {background-color:#033f85;}

.border {border:1px solid #033f85;}

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

#000812
```
#000812 rgb(0,8,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#011b38
```
#011b38 rgb(1,27,56)
```
#02244b
```
#02244b rgb(2,36,75)
```
#022d5f
```
#022d5f rgb(2,45,95)
```
#033672
```
#033672 rgb(3,54,114)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#034898
```
#034898 rgb(3,72,152)
```
#0451ab
```
#0451ab rgb(4,81,171)
```
#045abf
```
#045abf rgb(4,90,191)
```
#0563d2
```
#0563d2 rgb(5,99,210)
```
#056ce5
```
#056ce5 rgb(5,108,229)
```
#0676f8
```
#0676f8 rgb(6,118,248)
```

Shade Color Variation

#1880fa
```
#1880fa rgb(24,128,250)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#3e95fb
```
#3e95fb rgb(62,149,251)
```
#51a0fb
```
#51a0fb rgb(81,160,251)
```
#64aafc
```
#64aafc rgb(100,170,252)
```
#77b5fc
```
#77b5fc rgb(119,181,252)
```
#8bbffc
```
#8bbffc rgb(139,191,252)
```
#9ecafd
```
#9ecafd rgb(158,202,253)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#c4dffe
```
#c4dffe rgb(196,223,254)
```
#d7e9fe
```
#d7e9fe rgb(215,233,254)
```
#ebf4ff
```
#ebf4ff rgb(235,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#424446
```
#424446 rgb(66,68,70)
```
#3d434b
```
#3d434b rgb(61,67,75)
```
#374351
```
#374351 rgb(55,67,81)
```
#324356
```
#324356 rgb(50,67,86)
```
#2d425b
```
#2d425b rgb(45,66,91)
```
#284260
```
#284260 rgb(40,66,96)
```
#224166
```
#224166 rgb(34,65,102)
```
#1d416b
```
#1d416b rgb(29,65,107)
```
#184170
```
#184170 rgb(24,65,112)
```
#134075
```
#134075 rgb(19,64,117)
```
#0d407b
```
#0d407b rgb(13,64,123)
```
#083f80
```
#083f80 rgb(8,63,128)
```
#033f85
```
#033f85 rgb(3,63,133)
```

Tone Color Variation

Below, you can see how #033f85 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

#353535 Achromatopsia 0.005% of the population
#2b3745 Atypical Achromatopsia 0.001% of the population

Dichromacy

#19488a Protanopia 1% of men
#004c7c Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#114588 Protanomaly 1% of men, 0.01% of women
#01477f Deuteranomaly 6% of men, 0.4% of women
#014b67 Tritanomaly 0.01% of the population

#033f85 hex color

#033f85 Color Information

#033f85 Color Conversion

Color Schemes with #033f85

Alternatives to #033f85

#033f85 Preview

Shades and Tints of #033f85

Tones of #033f85

Color Blindness Simulator