#312daf hex color

In a RGB color space, hex #312daf is composed of 19.2% red, 17.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 74.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 241.8 degrees, a saturation of 59.1% and a lightness of 43.1%. #312daf color hex could be obtained by blending #625aff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 18
- B 69
RGB color chart
- C 72
- M 74
- Y 0
- K 31
CMYK color chart

● #312daf color description : Dark blue.

The hexadecimal color #312daf has RGB values of R:49, G:45, B:175 and CMYK values of C:0.72, M:0.74, Y:0, K:0.31. Its decimal value is 3222959.

Hex triplet	312daf	`#312daf`
RGB Decimal	49, 45, 175	`rgb(49,45,175)`
RGB Percent	19.2, 17.6, 68.6	`rgb(19.2%,17.6%,68.6%)`
CMYK	72, 74, 0, 31
HSL	241.8°, 59.1, 43.1	`hsl(241.8,59.1%,43.1%)`
HSV (or HSB)	241.8°, 74.3, 68.6
Web Safe	333399	`#333399`

CIE-LAB	28.444, 44.011, -67.933
XYZ	9.941, 5.624, 41.117
xyY	0.175, 0.099, 5.624
CIE-LCH	28.444, 80.943, 302.937
CIE-LUV	28.444, -5.599, -87.183
Hunter-Lab	23.716, 33.323, -86.192
Binary	00110001, 00101101, 10101111

#312daf
```
#312daf rgb(49,45,175)
```
#abaf2d
```
#abaf2d rgb(171,175,45)
```

Complementary Color

#2d6aaf
```
#2d6aaf rgb(45,106,175)
```
#312daf
```
#312daf rgb(49,45,175)
```
#722daf
```
#722daf rgb(114,45,175)
```

Analogous Color

#6aaf2d
```
#6aaf2d rgb(106,175,45)
```
#312daf
```
#312daf rgb(49,45,175)
```
#af722d
```
#af722d rgb(175,114,45)
```

Split Complementary Color

#2daf31
```
#2daf31 rgb(45,175,49)
```
#312daf
```
#312daf rgb(49,45,175)
```
#af312d
```
#af312d rgb(175,49,45)
```

Triadic Color

#2dabaf
```
#2dabaf rgb(45,171,175)
```
#312daf
```
#312daf rgb(49,45,175)
```
#af312d
```
#af312d rgb(175,49,45)
```
#abaf2d
```
#abaf2d rgb(171,175,45)
```

Tetradic Color

#201d72
```
#201d72 rgb(32,29,114)
```
#262386
```
#262386 rgb(38,35,134)
```
#2b289b
```
#2b289b rgb(43,40,155)
```
#312daf
```
#312daf rgb(49,45,175)
```
#3732c3
```
#3732c3 rgb(55,50,195)
```
#4541ce
```
#4541ce rgb(69,65,206)
```
#5955d3
```
#5955d3 rgb(89,85,211)
```

Monochromatic Color

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

#2d4aaf
```
#2d4aaf rgb(45,74,175)
```
#2d3faf
```
#2d3faf rgb(45,63,175)
```
#2d34af
```
#2d34af rgb(45,52,175)
```
#312daf
```
#312daf rgb(49,45,175)
```
#3c2daf
```
#3c2daf rgb(60,45,175)
```
#472daf
```
#472daf rgb(71,45,175)
```
#522daf
```
#522daf rgb(82,45,175)
```

Similar Colors

Text with hexadecimal color #312daf

This text has a font color of #312daf.

<span style="color:#312daf;">Text here</span>

#312daf background color

This paragraph has a background color of #312daf.

<p style="background-color:#312daf;">Content here</p>

#312daf border color

This element has a border color of #312daf.

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

CSS codes

.text {color:#312daf;}

.background {background-color:#312daf;}

.border {border:1px solid #312daf;}

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

#010103
```
#010103 rgb(1,1,3)
```
#050513
```
#050513 rgb(5,5,19)
```
#0a0923
```
#0a0923 rgb(10,9,35)
```
#0e0d32
```
#0e0d32 rgb(14,13,50)
```
#121142
```
#121142 rgb(18,17,66)
```
#171551
```
#171551 rgb(23,21,81)
```
#1b1961
```
#1b1961 rgb(27,25,97)
```
#201d71
```
#201d71 rgb(32,29,113)
```
#242180
```
#242180 rgb(36,33,128)
```
#282590
```
#282590 rgb(40,37,144)
```
#2d299f
```
#2d299f rgb(45,41,159)
```
#312daf
```
#312daf rgb(49,45,175)
```
#3531bf
```
#3531bf rgb(53,49,191)
```

Shade Color Variation

#3c38cc
```
#3c38cc rgb(60,56,204)
```
#4b47d0
```
#4b47d0 rgb(75,71,208)
```
#5b57d4
```
#5b57d4 rgb(91,87,212)
```
#6a66d8
```
#6a66d8 rgb(106,102,216)
```
#7976dc
```
#7976dc rgb(121,118,220)
```
#8886e0
```
#8886e0 rgb(136,134,224)
```
#9895e4
```
#9895e4 rgb(152,149,228)
```
#a7a5e8
```
#a7a5e8 rgb(167,165,232)
```
#b6b4ec
```
#b6b4ec rgb(182,180,236)
```
#c5c4f0
```
#c5c4f0 rgb(197,196,240)
```
#d5d4f4
```
#d5d4f4 rgb(213,212,244)
```
#e4e3f8
```
#e4e3f8 rgb(228,227,248)
```
#f3f3fc
```
#f3f3fc rgb(243,243,252)
```

Tint Color Variation

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

#696874
```
#696874 rgb(105,104,116)
```
#61607c
```
#61607c rgb(97,96,124)
```
#595785
```
#595785 rgb(89,87,133)
```
#514f8d
```
#514f8d rgb(81,79,141)
```
#494696
```
#494696 rgb(73,70,150)
```
#413e9e
```
#413e9e rgb(65,62,158)
```
#3935a7
```
#3935a7 rgb(57,53,167)
```
#312daf
```
#312daf rgb(49,45,175)
```
#2925b7
```
#2925b7 rgb(41,37,183)
```
#211cc0
```
#211cc0 rgb(33,28,192)
```
#1914c8
```
#1914c8 rgb(25,20,200)
```
#110bd1
```
#110bd1 rgb(17,11,209)
```
#0903d9
```
#0903d9 rgb(9,3,217)
```

Tone Color Variation

Below, you can see how #312daf 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

#3d3d3d Achromatopsia 0.005% of the population
#3b3a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004e7e Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#113f9c Protanomaly 1% of men, 0.01% of women
#11428f Deuteranomaly 6% of men, 0.4% of women
#114678 Tritanomaly 0.01% of the population

#312daf hex color

#312daf Color Information

#312daf Color Conversion

Color Schemes with #312daf

Alternatives to #312daf

#312daf Preview

Shades and Tints of #312daf

Tones of #312daf

Color Blindness Simulator