#313faf hex color

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

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

● #313faf color description : Dark blue.

The hexadecimal color #313faf has RGB values of R:49, G:63, B:175 and CMYK values of C:0.72, M:0.64, Y:0, K:0.31. Its decimal value is 3227567.

Hex triplet	313faf	`#313faf`
RGB Decimal	49, 63, 175	`rgb(49,63,175)`
RGB Percent	19.2, 24.7, 68.6	`rgb(19.2%,24.7%,68.6%)`
CMYK	72, 64, 0, 31
HSL	233.3°, 56.3, 43.9	`hsl(233.3,56.3%,43.9%)`
HSV (or HSB)	233.3°, 72, 68.6
Web Safe	333399	`#333399`

CIE-LAB	32.486, 33.039, -61.291
XYZ	10.78, 7.302, 41.396
xyY	0.181, 0.123, 7.302
CIE-LCH	32.486, 69.629, 298.327
CIE-LUV	32.486, -9.071, -84.269
Hunter-Lab	27.023, 23.919, -71.91
Binary	00110001, 00111111, 10101111

#313faf
```
#313faf rgb(49,63,175)
```
#afa131
```
#afa131 rgb(175,161,49)
```

Complementary Color

#317eaf
```
#317eaf rgb(49,126,175)
```
#313faf
```
#313faf rgb(49,63,175)
```
#6231af
```
#6231af rgb(98,49,175)
```

Analogous Color

#7eaf31
```
#7eaf31 rgb(126,175,49)
```
#313faf
```
#313faf rgb(49,63,175)
```
#af6231
```
#af6231 rgb(175,98,49)
```

Split Complementary Color

#3faf31
```
#3faf31 rgb(63,175,49)
```
#313faf
```
#313faf rgb(49,63,175)
```
#af313f
```
#af313f rgb(175,49,63)
```

Triadic Color

#31afa1
```
#31afa1 rgb(49,175,161)
```
#313faf
```
#313faf rgb(49,63,175)
```
#af313f
```
#af313f rgb(175,49,63)
```
#afa131
```
#afa131 rgb(175,161,49)
```

Tetradic Color

#202973
```
#202973 rgb(32,41,115)
```
#263187
```
#263187 rgb(38,49,135)
```
#2b389b
```
#2b389b rgb(43,56,155)
```
#313faf
```
#313faf rgb(49,63,175)
```
#3746c3
```
#3746c3 rgb(55,70,195)
```
#4756cc
```
#4756cc rgb(71,86,204)
```
#5b68d1
```
#5b68d1 rgb(91,104,209)
```

Monochromatic Color

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

#315faf
```
#315faf rgb(49,95,175)
```
#3154af
```
#3154af rgb(49,84,175)
```
#314aaf
```
#314aaf rgb(49,74,175)
```
#313faf
```
#313faf rgb(49,63,175)
```
#3135af
```
#3135af rgb(49,53,175)
```
#3831af
```
#3831af rgb(56,49,175)
```
#4331af
```
#4331af rgb(67,49,175)
```

Similar Colors

Text with hexadecimal color #313faf

This text has a font color of #313faf.

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

#313faf background color

This paragraph has a background color of #313faf.

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

#313faf border color

This element has a border color of #313faf.

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

CSS codes

.text {color:#313faf;}

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

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

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)
```
#171e53
```
#171e53 rgb(23,30,83)
```
#1c2362
```
#1c2362 rgb(28,35,98)
```
#202972
```
#202972 rgb(32,41,114)
```
#242e81
```
#242e81 rgb(36,46,129)
```
#283490
```
#283490 rgb(40,52,144)
```
#2d39a0
```
#2d39a0 rgb(45,57,160)
```
#313faf
```
#313faf rgb(49,63,175)
```
#3545be
```
#3545be rgb(53,69,190)
```

Shade Color Variation

#3e4ec9
```
#3e4ec9 rgb(62,78,201)
```
#4e5ccd
```
#4e5ccd rgb(78,92,205)
```
#5d6ad2
```
#5d6ad2 rgb(93,106,210)
```
#6c78d6
```
#6c78d6 rgb(108,120,214)
```
#7c86da
```
#7c86da rgb(124,134,218)
```
#8b94de
```
#8b94de rgb(139,148,222)
```
#9aa2e3
```
#9aa2e3 rgb(154,162,227)
```
#a9b0e7
```
#a9b0e7 rgb(169,176,231)
```
#b9beeb
```
#b9beeb rgb(185,190,235)
```
#c8cdf0
```
#c8cdf0 rgb(200,205,240)
```
#d7dbf4
```
#d7dbf4 rgb(215,219,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 #061dda is the most saturated one.

#6d6e73
```
#6d6e73 rgb(109,110,115)
```
#65677b
```
#65677b rgb(101,103,123)
```
#5c6184
```
#5c6184 rgb(92,97,132)
```
#535a8d
```
#535a8d rgb(83,90,141)
```
#4b5395
```
#4b5395 rgb(75,83,149)
```
#424c9e
```
#424c9e rgb(66,76,158)
```
#3a46a6
```
#3a46a6 rgb(58,70,166)
```
#313faf
```
#313faf rgb(49,63,175)
```
#2838b8
```
#2838b8 rgb(40,56,184)
```
#2032c0
```
#2032c0 rgb(32,50,192)
```
#172bc9
```
#172bc9 rgb(23,43,201)
```
#0f24d1
```
#0f24d1 rgb(15,36,209)
```
#061dda
```
#061dda rgb(6,29,218)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#43465d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00578d Deuteranopia 1% of men
#005e63 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
#11527f Tritanomaly 0.01% of the population

#313faf hex color

#313faf Color Information

#313faf Color Conversion

Color Schemes with #313faf

Alternatives to #313faf

#313faf Preview

Shades and Tints of #313faf

Tones of #313faf

Color Blindness Simulator