#313eaf hex color

In a RGB color space, hex #313eaf is composed of 19.2% red, 24.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 64.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 233.8 degrees, a saturation of 56.3% and a lightness of 43.9%. #313eaf color hex could be obtained by blending #627cff with #00005f. Closest websafe color is: #333399.

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

● #313eaf color description : Dark blue.

The hexadecimal color #313eaf has RGB values of R:49, G:62, B:175 and CMYK values of C:0.72, M:0.65, Y:0, K:0.31. Its decimal value is 3227311.

Hex triplet	313eaf	`#313eaf`
RGB Decimal	49, 62, 175	`rgb(49,62,175)`
RGB Percent	19.2, 24.3, 68.6	`rgb(19.2%,24.3%,68.6%)`
CMYK	72, 65, 0, 31
HSL	233.8°, 56.3, 43.9	`hsl(233.8,56.3%,43.9%)`
HSV (or HSB)	233.8°, 72, 68.6
Web Safe	333399	`#333399`

CIE-LAB	32.242, 33.68, -61.691
XYZ	10.726, 7.193, 41.378
xyY	0.181, 0.121, 7.193
CIE-LCH	32.242, 70.286, 298.632
CIE-LUV	32.242, -8.847, -84.527
Hunter-Lab	26.819, 24.452, -72.702
Binary	00110001, 00111110, 10101111

#313eaf
```
#313eaf rgb(49,62,175)
```
#afa231
```
#afa231 rgb(175,162,49)
```

Complementary Color

#317daf
```
#317daf rgb(49,125,175)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#6331af
```
#6331af rgb(99,49,175)
```

Analogous Color

#7daf31
```
#7daf31 rgb(125,175,49)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#af6331
```
#af6331 rgb(175,99,49)
```

Split Complementary Color

#3eaf31
```
#3eaf31 rgb(62,175,49)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#af313e
```
#af313e rgb(175,49,62)
```

Triadic Color

#31afa2
```
#31afa2 rgb(49,175,162)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#af313e
```
#af313e rgb(175,49,62)
```
#afa231
```
#afa231 rgb(175,162,49)
```

Tetradic Color

#202973
```
#202973 rgb(32,41,115)
```
#263087
```
#263087 rgb(38,48,135)
```
#2b379b
```
#2b379b rgb(43,55,155)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#3745c3
```
#3745c3 rgb(55,69,195)
```
#4755cc
```
#4755cc rgb(71,85,204)
```
#5b67d1
```
#5b67d1 rgb(91,103,209)
```

Monochromatic Color

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

#315eaf
```
#315eaf rgb(49,94,175)
```
#3153af
```
#3153af rgb(49,83,175)
```
#3149af
```
#3149af rgb(49,73,175)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#3134af
```
#3134af rgb(49,52,175)
```
#3931af
```
#3931af rgb(57,49,175)
```
#4431af
```
#4431af rgb(68,49,175)
```

Similar Colors

Text with hexadecimal color #313eaf

This text has a font color of #313eaf.

<span style="color:#313eaf;">Text here</span>

#313eaf background color

This paragraph has a background color of #313eaf.

<p style="background-color:#313eaf;">Content here</p>

#313eaf border color

This element has a border color of #313eaf.

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

CSS codes

.text {color:#313eaf;}

.background {background-color:#313eaf;}

.border {border:1px solid #313eaf;}

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

#020206
```
#020206 rgb(2,2,6)
```
#060816
```
#060816 rgb(6,8,22)
```
#0a0d25
```
#0a0d25 rgb(10,13,37)
```
#0f1334
```
#0f1334 rgb(15,19,52)
```
#131844
```
#131844 rgb(19,24,68)
```
#171d53
```
#171d53 rgb(23,29,83)
```
#1c2362
```
#1c2362 rgb(28,35,98)
```
#202872
```
#202872 rgb(32,40,114)
```
#242e81
```
#242e81 rgb(36,46,129)
```
#283390
```
#283390 rgb(40,51,144)
```
#2d39a0
```
#2d39a0 rgb(45,57,160)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#3543be
```
#3543be rgb(53,67,190)
```

Shade Color Variation

#3e4dc9
```
#3e4dc9 rgb(62,77,201)
```
#4e5bcd
```
#4e5bcd rgb(78,91,205)
```
#5d69d2
```
#5d69d2 rgb(93,105,210)
```
#6c77d6
```
#6c77d6 rgb(108,119,214)
```
#7c85da
```
#7c85da rgb(124,133,218)
```
#8b93de
```
#8b93de rgb(139,147,222)
```
#9aa2e3
```
#9aa2e3 rgb(154,162,227)
```
#a9b0e7
```
#a9b0e7 rgb(169,176,231)
```
#b9beeb
```
#b9beeb rgb(185,190,235)
```
#c8ccf0
```
#c8ccf0 rgb(200,204,240)
```
#d7daf4
```
#d7daf4 rgb(215,218,244)
```
#e7e9f8
```
#e7e9f8 rgb(231,233,248)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e73 is the less saturated color, while #061cda is the most saturated one.

#6d6e73
```
#6d6e73 rgb(109,110,115)
```
#65677b
```
#65677b rgb(101,103,123)
```
#5c6084
```
#5c6084 rgb(92,96,132)
```
#53598d
```
#53598d rgb(83,89,141)
```
#4b5395
```
#4b5395 rgb(75,83,149)
```
#424c9e
```
#424c9e rgb(66,76,158)
```
#3a45a6
```
#3a45a6 rgb(58,69,166)
```
#313eaf
```
#313eaf rgb(49,62,175)
```
#2837b8
```
#2837b8 rgb(40,55,184)
```
#2030c0
```
#2030c0 rgb(32,48,192)
```
#1729c9
```
#1729c9 rgb(23,41,201)
```
#0f23d1
```
#0f23d1 rgb(15,35,209)
```
#061cda
```
#061cda rgb(6,28,218)
```

Tone Color Variation

Below, you can see how #313eaf 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

#474747 Achromatopsia 0.005% of the population
#43455c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578c Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#114ba6 Protanomaly 1% of men, 0.01% of women
#114e99 Deuteranomaly 6% of men, 0.4% of women
#11527e Tritanomaly 0.01% of the population

#313eaf hex color

#313eaf Color Information

#313eaf Color Conversion

Color Schemes with #313eaf

Alternatives to #313eaf

#313eaf Preview

Shades and Tints of #313eaf

Tones of #313eaf

Color Blindness Simulator