#031dd2 hex color

In a RGB color space, hex #031dd2 is composed of 1.2% red, 11.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 86.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 232.5 degrees, a saturation of 97.2% and a lightness of 41.8%. #031dd2 color hex could be obtained by blending #063aff with #0000a5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 11
- B 82
RGB color chart
- C 99
- M 86
- Y 0
- K 18
CMYK color chart

● #031dd2 color description : Strong blue.

The hexadecimal color #031dd2 has RGB values of R:3, G:29, B:210 and CMYK values of C:0.99, M:0.86, Y:0, K:0.18. Its decimal value is 204242.

Hex triplet	031dd2	`#031dd2`
RGB Decimal	3, 29, 210	`rgb(3,29,210)`
RGB Percent	1.2, 11.4, 82.4	`rgb(1.2%,11.4%,82.4%)`
CMYK	99, 86, 0, 18
HSL	232.5°, 97.2, 41.8	`hsl(232.5,97.2%,41.8%)`
HSV (or HSB)	232.5°, 98.6, 82.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.248, 60.854, -88.946
XYZ	12.107, 5.55, 61.402
xyY	0.153, 0.07, 5.55
CIE-LCH	28.248, 107.771, 304.379
CIE-LUV	28.248, -9.037, -106.371
Hunter-Lab	23.559, 50.506, -138.038
Binary	00000011, 00011101, 11010010

#031dd2
```
#031dd2 rgb(3,29,210)
```
#d2b803
```
#d2b803 rgb(210,184,3)
```

Complementary Color

#0385d2
```
#0385d2 rgb(3,133,210)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#5003d2
```
#5003d2 rgb(80,3,210)
```

Analogous Color

#85d203
```
#85d203 rgb(133,210,3)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#d25103
```
#d25103 rgb(210,81,3)
```

Split Complementary Color

#1dd203
```
#1dd203 rgb(29,210,3)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#d2031d
```
#d2031d rgb(210,3,29)
```

Triadic Color

#03d2b8
```
#03d2b8 rgb(3,210,184)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#d2031d
```
#d2031d rgb(210,3,29)
```
#d2b803
```
#d2b803 rgb(210,184,3)
```

Tetradic Color

#021387
```
#021387 rgb(2,19,135)
```
#0216a0
```
#0216a0 rgb(2,22,160)
```
#031ab9
```
#031ab9 rgb(3,26,185)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#0320eb
```
#0320eb rgb(3,32,235)
```
#0c2afc
```
#0c2afc rgb(12,42,252)
```
#2641fc
```
#2641fc rgb(38,65,252)
```

Monochromatic Color

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

#0351d2
```
#0351d2 rgb(3,81,210)
```
#0340d2
```
#0340d2 rgb(3,64,210)
```
#032ed2
```
#032ed2 rgb(3,46,210)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#030cd2
```
#030cd2 rgb(3,12,210)
```
#0b03d2
```
#0b03d2 rgb(11,3,210)
```
#1d03d2
```
#1d03d2 rgb(29,3,210)
```

Similar Colors

Text with hexadecimal color #031dd2

This text has a font color of #031dd2.

<span style="color:#031dd2;">Text here</span>

#031dd2 background color

This paragraph has a background color of #031dd2.

<p style="background-color:#031dd2;">Content here</p>

#031dd2 border color

This element has a border color of #031dd2.

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

CSS codes

.text {color:#031dd2;}

.background {background-color:#031dd2;}

.border {border:1px solid #031dd2;}

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

#000211
```
#000211 rgb(0,2,17)
```
#010524
```
#010524 rgb(1,5,36)
```
#010837
```
#010837 rgb(1,8,55)
```
#010a4b
```
#010a4b rgb(1,10,75)
```
#010d5e
```
#010d5e rgb(1,13,94)
```
#021071
```
#021071 rgb(2,16,113)
```
#021285
```
#021285 rgb(2,18,133)
```
#021598
```
#021598 rgb(2,21,152)
```
#0218ab
```
#0218ab rgb(2,24,171)
```
#031abf
```
#031abf rgb(3,26,191)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```
#0320e5
```
#0320e5 rgb(3,32,229)
```
#0422f9
```
#0422f9 rgb(4,34,249)
```

Shade Color Variation

#1431fc
```
#1431fc rgb(20,49,252)
```
#2842fc
```
#2842fc rgb(40,66,252)
```
#3b53fc
```
#3b53fc rgb(59,83,252)
```
#4e64fc
```
#4e64fc rgb(78,100,252)
```
#6275fd
```
#6275fd rgb(98,117,253)
```
#7586fd
```
#7586fd rgb(117,134,253)
```
#8897fd
```
#8897fd rgb(136,151,253)
```
#9ca8fe
```
#9ca8fe rgb(156,168,254)
```
#afb9fe
```
#afb9fe rgb(175,185,254)
```
#c2cafe
```
#c2cafe rgb(194,202,254)
```
#d6dbfe
```
#d6dbfe rgb(214,219,254)
```
#e9ecff
```
#e9ecff rgb(233,236,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#656770
```
#656770 rgb(101,103,112)
```
#5d6078
```
#5d6078 rgb(93,96,120)
```
#555a80
```
#555a80 rgb(85,90,128)
```
#4d5488
```
#4d5488 rgb(77,84,136)
```
#454e90
```
#454e90 rgb(69,78,144)
```
#3c4899
```
#3c4899 rgb(60,72,153)
```
#3442a1
```
#3442a1 rgb(52,66,161)
```
#2c3ca9
```
#2c3ca9 rgb(44,60,169)
```
#2436b1
```
#2436b1 rgb(36,54,177)
```
#1c2fb9
```
#1c2fb9 rgb(28,47,185)
```
#1329c2
```
#1329c2 rgb(19,41,194)
```
#0b23ca
```
#0b23ca rgb(11,35,202)
```
#031dd2
```
#031dd2 rgb(3,29,210)
```

Tone Color Variation

Below, you can see how #031dd2 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

#2a2a2a Achromatopsia 0.005% of the population
#22274c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#0139a8 Protanomaly 1% of men, 0.01% of women
#013c9b Deuteranomaly 6% of men, 0.4% of women
#014083 Tritanomaly 0.01% of the population

#031dd2 hex color

#031dd2 Color Information

#031dd2 Color Conversion

Color Schemes with #031dd2

Alternatives to #031dd2

#031dd2 Preview

Shades and Tints of #031dd2

Tones of #031dd2

Color Blindness Simulator