#318dfd hex color

In a RGB color space, hex #318dfd is composed of 19.2% red, 55.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 44.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.9 degrees, a saturation of 98.1% and a lightness of 59.2%. #318dfd color hex could be obtained by blending #62ffff with #001bfb. Closest websafe color is: #3399ff.

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

● #318dfd color description : Bright blue.

The hexadecimal color #318dfd has RGB values of R:49, G:141, B:253 and CMYK values of C:0.81, M:0.44, Y:0, K:0.01. Its decimal value is 3247613.

Hex triplet	318dfd	`#318dfd`
RGB Decimal	49, 141, 253	`rgb(49,141,253)`
RGB Percent	19.2, 55.3, 99.2	`rgb(19.2%,55.3%,99.2%)`
CMYK	81, 44, 0, 1
HSL	212.9°, 98.1, 59.2	`hsl(212.9,98.1%,59.2%)`
HSV (or HSB)	212.9°, 80.6, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.781, 12.394, -63.238
XYZ	28.517, 26.792, 96.592
xyY	0.188, 0.176, 26.792
CIE-LCH	58.781, 64.441, 281.089
CIE-LUV	58.781, -30.146, -102.027
Hunter-Lab	51.761, 7.76, -74.408
Binary	00110001, 10001101, 11111101

#318dfd
```
#318dfd rgb(49,141,253)
```
#fda131
```
#fda131 rgb(253,161,49)
```

Complementary Color

#31f3fd
```
#31f3fd rgb(49,243,253)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#3b31fd
```
#3b31fd rgb(59,49,253)
```

Analogous Color

#f3fd31
```
#f3fd31 rgb(243,253,49)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#fd3b31
```
#fd3b31 rgb(253,59,49)
```

Split Complementary Color

#8dfd31
```
#8dfd31 rgb(141,253,49)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#fd318d
```
#fd318d rgb(253,49,141)
```

Triadic Color

#31fda1
```
#31fda1 rgb(49,253,161)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#fd318d
```
#fd318d rgb(253,49,141)
```
#fda131
```
#fda131 rgb(253,161,49)
```

Tetradic Color

#0266df
```
#0266df rgb(2,102,223)
```
#0271f9
```
#0271f9 rgb(2,113,249)
```
#187ffd
```
#187ffd rgb(24,127,253)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#4a9bfd
```
#4a9bfd rgb(74,155,253)
```
#64a9fd
```
#64a9fd rgb(100,169,253)
```
#7db7fe
```
#7db7fe rgb(125,183,254)
```

Monochromatic Color

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

#31c0fd
```
#31c0fd rgb(49,192,253)
```
#31affd
```
#31affd rgb(49,175,253)
```
#319efd
```
#319efd rgb(49,158,253)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#317cfd
```
#317cfd rgb(49,124,253)
```
#316bfd
```
#316bfd rgb(49,107,253)
```
#315afd
```
#315afd rgb(49,90,253)
```

Similar Colors

Text with hexadecimal color #318dfd

This text has a font color of #318dfd.

<span style="color:#318dfd;">Text here</span>

#318dfd background color

This paragraph has a background color of #318dfd.

<p style="background-color:#318dfd;">Content here</p>

#318dfd border color

This element has a border color of #318dfd.

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

CSS codes

.text {color:#318dfd;}

.background {background-color:#318dfd;}

.border {border:1px solid #318dfd;}

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

#000408
```
#000408 rgb(0,4,8)
```
#000c1b
```
#000c1b rgb(0,12,27)
```
#00152f
```
#00152f rgb(0,21,47)
```
#011e42
```
#011e42 rgb(1,30,66)
```
#012755
```
#012755 rgb(1,39,85)
```
#013069
```
#013069 rgb(1,48,105)
```
#01397c
```
#01397c rgb(1,57,124)
```
#014290
```
#014290 rgb(1,66,144)
```
#024aa3
```
#024aa3 rgb(2,74,163)
```
#0253b7
```
#0253b7 rgb(2,83,183)
```
#025cca
```
#025cca rgb(2,92,202)
```
#0265dd
```
#0265dd rgb(2,101,221)
```
#026ef1
```
#026ef1 rgb(2,110,241)
```

Shade Color Variation

#0a77fd
```
#0a77fd rgb(10,119,253)
```
#1e82fd
```
#1e82fd rgb(30,130,253)
```
#318dfd
```
#318dfd rgb(49,141,253)
```
#4498fd
```
#4498fd rgb(68,152,253)
```
#58a3fd
```
#58a3fd rgb(88,163,253)
```
#6badfe
```
#6badfe rgb(107,173,254)
```
#7fb8fe
```
#7fb8fe rgb(127,184,254)
```
#92c3fe
```
#92c3fe rgb(146,195,254)
```
#a6cefe
```
#a6cefe rgb(166,206,254)
```
#b9d8fe
```
#b9d8fe rgb(185,216,254)
```
#cce3ff
```
#cce3ff rgb(204,227,255)
```
#e0eeff
```
#e0eeff rgb(224,238,255)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#91969d
```
#91969d rgb(145,150,157)
```
#8996a5
```
#8996a5 rgb(137,150,165)
```
#8195ad
```
#8195ad rgb(129,149,173)
```
#7994b5
```
#7994b5 rgb(121,148,181)
```
#7193bd
```
#7193bd rgb(113,147,189)
```
#6992c5
```
#6992c5 rgb(105,146,197)
```
#6192cd
```
#6192cd rgb(97,146,205)
```
#5991d5
```
#5991d5 rgb(89,145,213)
```
#5190dd
```
#5190dd rgb(81,144,221)
```
#498fe5
```
#498fe5 rgb(73,143,229)
```
#418fed
```
#418fed rgb(65,143,237)
```
#398ef5
```
#398ef5 rgb(57,142,245)
```
#318dfd
```
#318dfd rgb(49,141,253)
```

Tone Color Variation

Below, you can see how #318dfd 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

#7e7e7e Achromatopsia 0.005% of the population
#6f8197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8ffa Protanopia 1% of men
#0095f9 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#4b8efb Protanomaly 1% of men, 0.01% of women
#1192fa Deuteranomaly 6% of men, 0.4% of women
#119ac9 Tritanomaly 0.01% of the population

#318dfd hex color

#318dfd Color Information

#318dfd Color Conversion

Color Schemes with #318dfd

Alternatives to #318dfd

#318dfd Preview

Shades and Tints of #318dfd

Tones of #318dfd

Color Blindness Simulator