#318cf5 hex color

In a RGB color space, hex #318cf5 is composed of 19.2% red, 54.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 42.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 212.1 degrees, a saturation of 90.7% and a lightness of 57.6%. #318cf5 color hex could be obtained by blending #62ffff with #0019eb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 55
- B 96
RGB color chart
- C 80
- M 43
- Y 0
- K 4
CMYK color chart

● #318cf5 color description : Bright blue.

The hexadecimal color #318cf5 has RGB values of R:49, G:140, B:245 and CMYK values of C:0.8, M:0.43, Y:0, K:0.04. Its decimal value is 3247349.

Hex triplet	318cf5	`#318cf5`
RGB Decimal	49, 140, 245	`rgb(49,140,245)`
RGB Percent	19.2, 54.9, 96.1	`rgb(19.2%,54.9%,96.1%)`
CMYK	80, 43, 0, 4
HSL	212.1°, 90.7, 57.6	`hsl(212.1,90.7%,57.6%)`
HSV (or HSB)	212.1°, 80, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.037, 10.057, -60.027
XYZ	27.122, 25.999, 89.97
xyY	0.19, 0.182, 25.999
CIE-LCH	58.037, 60.864, 279.511
CIE-LUV	58.037, -30.124, -96.38
Hunter-Lab	50.99, 5.716, -68.923
Binary	00110001, 10001100, 11110101

#318cf5
```
#318cf5 rgb(49,140,245)
```
#f59a31
```
#f59a31 rgb(245,154,49)
```

Complementary Color

#31eef5
```
#31eef5 rgb(49,238,245)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#3831f5
```
#3831f5 rgb(56,49,245)
```

Analogous Color

#eef531
```
#eef531 rgb(238,245,49)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#f53831
```
#f53831 rgb(245,56,49)
```

Split Complementary Color

#8cf531
```
#8cf531 rgb(140,245,49)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#f5318c
```
#f5318c rgb(245,49,140)
```

Triadic Color

#31f59a
```
#31f59a rgb(49,245,154)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#f5318c
```
#f5318c rgb(245,49,140)
```
#f59a31
```
#f59a31 rgb(245,154,49)
```

Tetradic Color

#0a66cf
```
#0a66cf rgb(10,102,207)
```
#0b72e8
```
#0b72e8 rgb(11,114,232)
```
#197ef4
```
#197ef4 rgb(25,126,244)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#499af6
```
#499af6 rgb(73,154,246)
```
#62a7f7
```
#62a7f7 rgb(98,167,247)
```
#7ab5f9
```
#7ab5f9 rgb(122,181,249)
```

Monochromatic Color

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

#31bdf5
```
#31bdf5 rgb(49,189,245)
```
#31adf5
```
#31adf5 rgb(49,173,245)
```
#319cf5
```
#319cf5 rgb(49,156,245)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#317cf5
```
#317cf5 rgb(49,124,245)
```
#316bf5
```
#316bf5 rgb(49,107,245)
```
#315bf5
```
#315bf5 rgb(49,91,245)
```

Similar Colors

Text with hexadecimal color #318cf5

This text has a font color of #318cf5.

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

#318cf5 background color

This paragraph has a background color of #318cf5.

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

#318cf5 border color

This element has a border color of #318cf5.

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

CSS codes

.text {color:#318cf5;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#021225
```
#021225 rgb(2,18,37)
```
#031b38
```
#031b38 rgb(3,27,56)
```
#04254b
```
#04254b rgb(4,37,75)
```
#052e5d
```
#052e5d rgb(5,46,93)
```
#053770
```
#053770 rgb(5,55,112)
```
#064083
```
#064083 rgb(6,64,131)
```
#074995
```
#074995 rgb(7,73,149)
```
#0852a8
```
#0852a8 rgb(8,82,168)
```
#095cbb
```
#095cbb rgb(9,92,187)
```
#0a65ce
```
#0a65ce rgb(10,101,206)
```
#0b6ee0
```
#0b6ee0 rgb(11,110,224)
```
#0c77f3
```
#0c77f3 rgb(12,119,243)
```

Shade Color Variation

#1e82f4
```
#1e82f4 rgb(30,130,244)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#4496f6
```
#4496f6 rgb(68,150,246)
```
#56a1f7
```
#56a1f7 rgb(86,161,247)
```
#69abf8
```
#69abf8 rgb(105,171,248)
```
#7cb6f9
```
#7cb6f9 rgb(124,182,249)
```
#8fc0fa
```
#8fc0fa rgb(143,192,250)
```
#a1cbfa
```
#a1cbfa rgb(161,203,250)
```
#b4d5fb
```
#b4d5fb rgb(180,213,251)
```
#c7e0fc
```
#c7e0fc rgb(199,224,252)
```
#d9eafd
```
#d9eafd rgb(217,234,253)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c939a is the less saturated color, while #298bfd is the most saturated one.

#8c939a
```
#8c939a rgb(140,147,154)
```
#8492a2
```
#8492a2 rgb(132,146,162)
```
#7c91aa
```
#7c91aa rgb(124,145,170)
```
#7391b3
```
#7391b3 rgb(115,145,179)
```
#6b90bb
```
#6b90bb rgb(107,144,187)
```
#6390c3
```
#6390c3 rgb(99,144,195)
```
#5b8fcb
```
#5b8fcb rgb(91,143,203)
```
#528ed4
```
#528ed4 rgb(82,142,212)
```
#4a8edc
```
#4a8edc rgb(74,142,220)
```
#428de4
```
#428de4 rgb(66,141,228)
```
#398ded
```
#398ded rgb(57,141,237)
```
#318cf5
```
#318cf5 rgb(49,140,245)
```
#298bfd
```
#298bfd rgb(41,139,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8ef2 Protanopia 1% of men
#2393f4 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4e8df3 Protanomaly 1% of men, 0.01% of women
#2890f4 Deuteranomaly 6% of men, 0.4% of women
#1198c5 Tritanomaly 0.01% of the population

#318cf5 hex color

#318cf5 Color Information

#318cf5 Color Conversion

Color Schemes with #318cf5

Alternatives to #318cf5

#318cf5 Preview

Shades and Tints of #318cf5

Tones of #318cf5

Color Blindness Simulator