#318ff7 hex color

In a RGB color space, hex #318ff7 is composed of 19.2% red, 56.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 42.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 211.5 degrees, a saturation of 92.5% and a lightness of 58%. #318ff7 color hex could be obtained by blending #62ffff with #001fef. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 56
- B 97
RGB color chart
- C 80
- M 42
- Y 0
- K 3
CMYK color chart

● #318ff7 color description : Bright blue.

The hexadecimal color #318ff7 has RGB values of R:49, G:143, B:247 and CMYK values of C:0.8, M:0.42, Y:0, K:0.03. Its decimal value is 3248119.

Hex triplet	318ff7	`#318ff7`
RGB Decimal	49, 143, 247	`rgb(49,143,247)`
RGB Percent	19.2, 56.1, 96.9	`rgb(19.2%,56.1%,96.9%)`
CMYK	80, 42, 0, 3
HSL	211.5°, 92.5, 58	`hsl(211.5,92.5%,58%)`
HSV (or HSB)	211.5°, 80.2, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.984, 8.983, -59.612
XYZ	27.874, 27.011, 91.735
xyY	0.19, 0.184, 27.011
CIE-LCH	58.984, 60.285, 278.569
CIE-LUV	58.984, -30.99, -95.922
Hunter-Lab	51.972, 4.782, -68.271
Binary	00110001, 10001111, 11110111

#318ff7
```
#318ff7 rgb(49,143,247)
```
#f79931
```
#f79931 rgb(247,153,49)
```

Complementary Color

#31f2f7
```
#31f2f7 rgb(49,242,247)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#3631f7
```
#3631f7 rgb(54,49,247)
```

Analogous Color

#f2f731
```
#f2f731 rgb(242,247,49)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#f73631
```
#f73631 rgb(247,54,49)
```

Split Complementary Color

#8ff731
```
#8ff731 rgb(143,247,49)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#f7318f
```
#f7318f rgb(247,49,143)
```

Triadic Color

#31f799
```
#31f799 rgb(49,247,153)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#f7318f
```
#f7318f rgb(247,49,143)
```
#f79931
```
#f79931 rgb(247,153,49)
```

Tetradic Color

#0869d3
```
#0869d3 rgb(8,105,211)
```
#0975ec
```
#0975ec rgb(9,117,236)
```
#1882f6
```
#1882f6 rgb(24,130,246)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#4a9cf8
```
#4a9cf8 rgb(74,156,248)
```
#62aaf9
```
#62aaf9 rgb(98,170,249)
```
#7bb7fa
```
#7bb7fa rgb(123,183,250)
```

Monochromatic Color

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

#31c1f7
```
#31c1f7 rgb(49,193,247)
```
#31b0f7
```
#31b0f7 rgb(49,176,247)
```
#31a0f7
```
#31a0f7 rgb(49,160,247)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#317ff7
```
#317ff7 rgb(49,127,247)
```
#316ef7
```
#316ef7 rgb(49,110,247)
```
#315ef7
```
#315ef7 rgb(49,94,247)
```

Similar Colors

Text with hexadecimal color #318ff7

This text has a font color of #318ff7.

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

#318ff7 background color

This paragraph has a background color of #318ff7.

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

#318ff7 border color

This element has a border color of #318ff7.

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

CSS codes

.text {color:#318ff7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#021427
```
#021427 rgb(2,20,39)
```
#021d3a
```
#021d3a rgb(2,29,58)
```
#03264d
```
#03264d rgb(3,38,77)
```
#043060
```
#043060 rgb(4,48,96)
```
#043973
```
#043973 rgb(4,57,115)
```
#054286
```
#054286 rgb(5,66,134)
```
#064c99
```
#064c99 rgb(6,76,153)
```
#0755ac
```
#0755ac rgb(7,85,172)
```
#075ebf
```
#075ebf rgb(7,94,191)
```
#0868d1
```
#0868d1 rgb(8,104,209)
```
#0971e4
```
#0971e4 rgb(9,113,228)
```

Shade Color Variation

#0b7af6
```
#0b7af6 rgb(11,122,246)
```
#1e85f6
```
#1e85f6 rgb(30,133,246)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```
#4499f8
```
#4499f8 rgb(68,153,248)
```
#57a4f8
```
#57a4f8 rgb(87,164,248)
```
#6aaef9
```
#6aaef9 rgb(106,174,249)
```
#7db8fa
```
#7db8fa rgb(125,184,250)
```
#8fc2fb
```
#8fc2fb rgb(143,194,251)
```
#a2cdfb
```
#a2cdfb rgb(162,205,251)
```
#b5d7fc
```
#b5d7fc rgb(181,215,252)
```
#c8e1fd
```
#c8e1fd rgb(200,225,253)
```
#dbebfe
```
#dbebfe rgb(219,235,254)
```
#eef6fe
```
#eef6fe rgb(238,246,254)
```

Tint Color Variation

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

#949494
```
#949494 rgb(148,148,148)
```
#8c949c
```
#8c949c rgb(140,148,156)
```
#8393a5
```
#8393a5 rgb(131,147,165)
```
#7b93ad
```
#7b93ad rgb(123,147,173)
```
#7392b5
```
#7392b5 rgb(115,146,181)
```
#6b92bd
```
#6b92bd rgb(107,146,189)
```
#6291c6
```
#6291c6 rgb(98,145,198)
```
#5a91ce
```
#5a91ce rgb(90,145,206)
```
#5291d6
```
#5291d6 rgb(82,145,214)
```
#4a90de
```
#4a90de rgb(74,144,222)
```
#4190e7
```
#4190e7 rgb(65,144,231)
```
#398fef
```
#398fef rgb(57,143,239)
```
#318ff7
```
#318ff7 rgb(49,143,247)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6390f3 Protanopia 1% of men
#2e95f6 Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#5090f4 Protanomaly 1% of men, 0.01% of women
#2f93f6 Deuteranomaly 6% of men, 0.4% of women
#119bc7 Tritanomaly 0.01% of the population

#318ff7 hex color

#318ff7 Color Information

#318ff7 Color Conversion

Color Schemes with #318ff7

Alternatives to #318ff7

#318ff7 Preview

Shades and Tints of #318ff7

Tones of #318ff7

Color Blindness Simulator