#313afd hex color

In a RGB color space, hex #313afd is composed of 19.2% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 237.4 degrees, a saturation of 98.1% and a lightness of 59.2%. #313afd color hex could be obtained by blending #6274ff with #0000fb. Closest websafe color is: #3333ff.

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

● #313afd color description : Bright blue.

The hexadecimal color #313afd has RGB values of R:49, G:58, B:253 and CMYK values of C:0.81, M:0.77, Y:0, K:0.01. Its decimal value is 3226365.

Hex triplet	313afd	`#313afd`
RGB Decimal	49, 58, 253	`rgb(49,58,253)`
RGB Percent	19.2, 22.7, 99.2	`rgb(19.2%,22.7%,99.2%)`
CMYK	81, 77, 0, 1
HSL	237.4°, 98.1, 59.2	`hsl(237.4,98.1%,59.2%)`
HSV (or HSB)	237.4°, 80.6, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.19, 61.995, -95.23
XYZ	20.506, 10.77, 93.921
xyY	0.164, 0.086, 10.77
CIE-LCH	39.19, 113.632, 303.064
CIE-LUV	39.19, -10.696, -132.135
Hunter-Lab	32.817, 54.107, -146.714
Binary	00110001, 00111010, 11111101

#313afd
```
#313afd rgb(49,58,253)
```
#fdf431
```
#fdf431 rgb(253,244,49)
```

Complementary Color

#31a0fd
```
#31a0fd rgb(49,160,253)
```
#313afd
```
#313afd rgb(49,58,253)
```
#8e31fd
```
#8e31fd rgb(142,49,253)
```

Analogous Color

#a0fd31
```
#a0fd31 rgb(160,253,49)
```
#313afd
```
#313afd rgb(49,58,253)
```
#fd8e31
```
#fd8e31 rgb(253,142,49)
```

Split Complementary Color

#3afd31
```
#3afd31 rgb(58,253,49)
```
#313afd
```
#313afd rgb(49,58,253)
```
#fd313a
```
#fd313a rgb(253,49,58)
```

Triadic Color

#31fdf4
```
#31fdf4 rgb(49,253,244)
```
#313afd
```
#313afd rgb(49,58,253)
```
#fd313a
```
#fd313a rgb(253,49,58)
```
#fdf431
```
#fdf431 rgb(253,244,49)
```

Tetradic Color

#020cdf
```
#020cdf rgb(2,12,223)
```
#020df9
```
#020df9 rgb(2,13,249)
```
#1822fd
```
#1822fd rgb(24,34,253)
```
#313afd
```
#313afd rgb(49,58,253)
```
#4a52fd
```
#4a52fd rgb(74,82,253)
```
#646afd
```
#646afd rgb(100,106,253)
```
#7d82fe
```
#7d82fe rgb(125,130,254)
```

Monochromatic Color

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

#316dfd
```
#316dfd rgb(49,109,253)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#314bfd
```
#314bfd rgb(49,75,253)
```
#313afd
```
#313afd rgb(49,58,253)
```
#3931fd
```
#3931fd rgb(57,49,253)
```
#4a31fd
```
#4a31fd rgb(74,49,253)
```
#5b31fd
```
#5b31fd rgb(91,49,253)
```

Similar Colors

Text with hexadecimal color #313afd

This text has a font color of #313afd.

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

#313afd background color

This paragraph has a background color of #313afd.

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

#313afd border color

This element has a border color of #313afd.

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

CSS codes

.text {color:#313afd;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#00011b
```
#00011b rgb(0,1,27)
```
#00022f
```
#00022f rgb(0,2,47)
```
#010442
```
#010442 rgb(1,4,66)
```
#010555
```
#010555 rgb(1,5,85)
```
#010669
```
#010669 rgb(1,6,105)
```
#01077c
```
#01077c rgb(1,7,124)
```
#010890
```
#010890 rgb(1,8,144)
```
#0209a3
```
#0209a3 rgb(2,9,163)
```
#020ab7
```
#020ab7 rgb(2,10,183)
```
#020bca
```
#020bca rgb(2,11,202)
```
#020cdd
```
#020cdd rgb(2,12,221)
```
#020df1
```
#020df1 rgb(2,13,241)
```

Shade Color Variation

#0a15fd
```
#0a15fd rgb(10,21,253)
```
#1e27fd
```
#1e27fd rgb(30,39,253)
```
#313afd
```
#313afd rgb(49,58,253)
```
#444dfd
```
#444dfd rgb(68,77,253)
```
#585ffd
```
#585ffd rgb(88,95,253)
```
#6b72fe
```
#6b72fe rgb(107,114,254)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#9297fe
```
#9297fe rgb(146,151,254)
```
#a6a9fe
```
#a6a9fe rgb(166,169,254)
```
#b9bcfe
```
#b9bcfe rgb(185,188,254)
```
#cccfff
```
#cccfff rgb(204,207,255)
```
#e0e1ff
```
#e0e1ff rgb(224,225,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929d is the less saturated color, while #313afd is the most saturated one.

#91929d
```
#91929d rgb(145,146,157)
```
#898aa5
```
#898aa5 rgb(137,138,165)
```
#8183ad
```
#8183ad rgb(129,131,173)
```
#797cb5
```
#797cb5 rgb(121,124,181)
```
#7174bd
```
#7174bd rgb(113,116,189)
```
#696dc5
```
#696dc5 rgb(105,109,197)
```
#6166cd
```
#6166cd rgb(97,102,205)
```
#595ed5
```
#595ed5 rgb(89,94,213)
```
#5157dd
```
#5157dd rgb(81,87,221)
```
#4950e5
```
#4950e5 rgb(73,80,229)
```
#4149ed
```
#4149ed rgb(65,73,237)
```
#3941f5
```
#3941f5 rgb(57,65,245)
```
#313afd
```
#313afd rgb(49,58,253)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1153d5 Protanomaly 1% of men, 0.01% of women
#1157c4 Deuteranomaly 6% of men, 0.4% of women
#115ba5 Tritanomaly 0.01% of the population

#313afd hex color

#313afd Color Information

#313afd Color Conversion

Color Schemes with #313afd

Alternatives to #313afd

#313afd Preview

Shades and Tints of #313afd

Tones of #313afd

Color Blindness Simulator