#0331d4 hex color

In a RGB color space, hex #0331d4 is composed of 1.2% red, 19.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 76.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 226.8 degrees, a saturation of 97.2% and a lightness of 42.2%. #0331d4 color hex could be obtained by blending #0662ff with #0000a9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 19
- B 83
RGB color chart
- C 99
- M 77
- Y 0
- K 17
CMYK color chart

● #0331d4 color description : Strong blue.

The hexadecimal color #0331d4 has RGB values of R:3, G:49, B:212 and CMYK values of C:0.99, M:0.77, Y:0, K:0.17. Its decimal value is 209364.

Hex triplet	0331d4	`#0331d4`
RGB Decimal	3, 49, 212	`rgb(3,49,212)`
RGB Percent	1.2, 19.2, 83.1	`rgb(1.2%,19.2%,83.1%)`
CMYK	99, 77, 0, 17
HSL	226.8°, 97.2, 42.2	`hsl(226.8,97.2%,42.2%)`
HSV (or HSB)	226.8°, 98.6, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.735, 51.975, -84.305
XYZ	13.017, 6.968, 62.943
xyY	0.157, 0.084, 6.968
CIE-LCH	31.735, 99.039, 301.654
CIE-LUV	31.735, -11.505, -108.762
Hunter-Lab	26.398, 41.825, -122.893
Binary	00000011, 00110001, 11010100

#0331d4
```
#0331d4 rgb(3,49,212)
```
#d4a603
```
#d4a603 rgb(212,166,3)
```

Complementary Color

#039ad4
```
#039ad4 rgb(3,154,212)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#3e03d4
```
#3e03d4 rgb(62,3,212)
```

Analogous Color

#9ad403
```
#9ad403 rgb(154,212,3)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#d43e03
```
#d43e03 rgb(212,62,3)
```

Split Complementary Color

#31d403
```
#31d403 rgb(49,212,3)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#d40331
```
#d40331 rgb(212,3,49)
```

Triadic Color

#03d4a6
```
#03d4a6 rgb(3,212,166)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#d40331
```
#d40331 rgb(212,3,49)
```
#d4a603
```
#d4a603 rgb(212,166,3)
```

Tetradic Color

#022089
```
#022089 rgb(2,32,137)
```
#0225a2
```
#0225a2 rgb(2,37,162)
```
#032bbb
```
#032bbb rgb(3,43,187)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#0337ed
```
#0337ed rgb(3,55,237)
```
#0e43fc
```
#0e43fc rgb(14,67,252)
```
#2856fc
```
#2856fc rgb(40,86,252)
```

Monochromatic Color

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

#0365d4
```
#0365d4 rgb(3,101,212)
```
#0354d4
```
#0354d4 rgb(3,84,212)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#0320d4
```
#0320d4 rgb(3,32,212)
```
#030ed4
```
#030ed4 rgb(3,14,212)
```
#0903d4
```
#0903d4 rgb(9,3,212)
```

Similar Colors

Text with hexadecimal color #0331d4

This text has a font color of #0331d4.

<span style="color:#0331d4;">Text here</span>

#0331d4 background color

This paragraph has a background color of #0331d4.

<p style="background-color:#0331d4;">Content here</p>

#0331d4 border color

This element has a border color of #0331d4.

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

CSS codes

.text {color:#0331d4;}

.background {background-color:#0331d4;}

.border {border:1px solid #0331d4;}

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

#000413
```
#000413 rgb(0,4,19)
```
#010926
```
#010926 rgb(1,9,38)
```
#010d39
```
#010d39 rgb(1,13,57)
```
#01124d
```
#01124d rgb(1,18,77)
```
#011660
```
#011660 rgb(1,22,96)
```
#021b73
```
#021b73 rgb(2,27,115)
```
#021f87
```
#021f87 rgb(2,31,135)
```
#02249a
```
#02249a rgb(2,36,154)
```
#0228ad
```
#0228ad rgb(2,40,173)
```
#032dc1
```
#032dc1 rgb(3,45,193)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#0335e7
```
#0335e7 rgb(3,53,231)
```
#043afb
```
#043afb rgb(4,58,251)
```

Shade Color Variation

#1649fc
```
#1649fc rgb(22,73,252)
```
#2958fc
```
#2958fc rgb(41,88,252)
```
#3d67fc
```
#3d67fc rgb(61,103,252)
```
#5076fd
```
#5076fd rgb(80,118,253)
```
#6485fd
```
#6485fd rgb(100,133,253)
```
#7794fd
```
#7794fd rgb(119,148,253)
```
#8aa4fd
```
#8aa4fd rgb(138,164,253)
```
#9eb3fe
```
#9eb3fe rgb(158,179,254)
```
#b1c2fe
```
#b1c2fe rgb(177,194,254)
```
#c4d1fe
```
#c4d1fe rgb(196,209,254)
```
#d8e0fe
```
#d8e0fe rgb(216,224,254)
```
#ebefff
```
#ebefff rgb(235,239,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#666971
```
#666971 rgb(102,105,113)
```
#5e6479
```
#5e6479 rgb(94,100,121)
```
#565f81
```
#565f81 rgb(86,95,129)
```
#4d5b8a
```
#4d5b8a rgb(77,91,138)
```
#455692
```
#455692 rgb(69,86,146)
```
#3d519a
```
#3d519a rgb(61,81,154)
```
#354da2
```
#354da2 rgb(53,77,162)
```
#2c48ab
```
#2c48ab rgb(44,72,171)
```
#2444b3
```
#2444b3 rgb(36,68,179)
```
#1c3fbb
```
#1c3fbb rgb(28,63,187)
```
#143ac3
```
#143ac3 rgb(20,58,195)
```
#0b36cc
```
#0b36cc rgb(11,54,204)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```

Tone Color Variation

Below, you can see how #0331d4 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
#2c3556 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0145b2 Protanomaly 1% of men, 0.01% of women
#0148a4 Deuteranomaly 6% of men, 0.4% of women
#014c8a Tritanomaly 0.01% of the population

#0331d4 hex color

#0331d4 Color Information

#0331d4 Color Conversion

Color Schemes with #0331d4

Alternatives to #0331d4

#0331d4 Preview

Shades and Tints of #0331d4

Tones of #0331d4

Color Blindness Simulator