#318ef1 hex color

In a RGB color space, hex #318ef1 is composed of 19.2% red, 55.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 41.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 210.9 degrees, a saturation of 87.3% and a lightness of 56.9%. #318ef1 color hex could be obtained by blending #62ffff with #001de3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 56
- B 95
RGB color chart
- C 80
- M 41
- Y 0
- K 5
CMYK color chart

● #318ef1 color description : Bright blue.

The hexadecimal color #318ef1 has RGB values of R:49, G:142, B:241 and CMYK values of C:0.8, M:0.41, Y:0, K:0.05. Its decimal value is 3247857.

Hex triplet	318ef1	`#318ef1`
RGB Decimal	49, 142, 241	`rgb(49,142,241)`
RGB Percent	19.2, 55.7, 94.5	`rgb(19.2%,55.7%,94.5%)`
CMYK	80, 41, 0, 5
HSL	210.9°, 87.3, 56.9	`hsl(210.9,87.3%,56.9%)`
HSV (or HSB)	210.9°, 79.7, 94.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.366, 7.383, -57.291
XYZ	26.813, 26.348, 86.887
xyY	0.191, 0.188, 26.348
CIE-LCH	58.366, 57.765, 277.343
CIE-LUV	58.366, -30.909, -91.802
Hunter-Lab	51.33, 3.415, -64.43
Binary	00110001, 10001110, 11110001

#318ef1
```
#318ef1 rgb(49,142,241)
```
#f19431
```
#f19431 rgb(241,148,49)
```

Complementary Color

#31eef1
```
#31eef1 rgb(49,238,241)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#3431f1
```
#3431f1 rgb(52,49,241)
```

Analogous Color

#eef131
```
#eef131 rgb(238,241,49)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#f13431
```
#f13431 rgb(241,52,49)
```

Split Complementary Color

#8ef131
```
#8ef131 rgb(142,241,49)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#f1318e
```
#f1318e rgb(241,49,142)
```

Triadic Color

#31f194
```
#31f194 rgb(49,241,148)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#f1318e
```
#f1318e rgb(241,49,142)
```
#f19431
```
#f19431 rgb(241,148,49)
```

Tetradic Color

#0e68c8
```
#0e68c8 rgb(14,104,200)
```
#0f74e0
```
#0f74e0 rgb(15,116,224)
```
#1981ef
```
#1981ef rgb(25,129,239)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#499bf3
```
#499bf3 rgb(73,155,243)
```
#61a8f4
```
#61a8f4 rgb(97,168,244)
```
#79b5f6
```
#79b5f6 rgb(121,181,246)
```

Monochromatic Color

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

#31bef1
```
#31bef1 rgb(49,190,241)
```
#31aef1
```
#31aef1 rgb(49,174,241)
```
#319ef1
```
#319ef1 rgb(49,158,241)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#317ef1
```
#317ef1 rgb(49,126,241)
```
#316ef1
```
#316ef1 rgb(49,110,241)
```
#315ef1
```
#315ef1 rgb(49,94,241)
```

Similar Colors

Text with hexadecimal color #318ef1

This text has a font color of #318ef1.

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

#318ef1 background color

This paragraph has a background color of #318ef1.

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

#318ef1 border color

This element has a border color of #318ef1.

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

CSS codes

.text {color:#318ef1;}

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

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

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#021121
```
#021121 rgb(2,17,33)
```
#031b33
```
#031b33 rgb(3,27,51)
```
#052446
```
#052446 rgb(5,36,70)
```
#062e58
```
#062e58 rgb(6,46,88)
```
#07376a
```
#07376a rgb(7,55,106)
```
#08417d
```
#08417d rgb(8,65,125)
```
#0a4a8f
```
#0a4a8f rgb(10,74,143)
```
#0b54a1
```
#0b54a1 rgb(11,84,161)
```
#0c5db4
```
#0c5db4 rgb(12,93,180)
```
#0d67c6
```
#0d67c6 rgb(13,103,198)
```
#0f70d8
```
#0f70d8 rgb(15,112,216)
```
#107aeb
```
#107aeb rgb(16,122,235)
```

Shade Color Variation

#1f84f0
```
#1f84f0 rgb(31,132,240)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#4398f2
```
#4398f2 rgb(67,152,242)
```
#56a2f3
```
#56a2f3 rgb(86,162,243)
```
#68acf5
```
#68acf5 rgb(104,172,245)
```
#7ab6f6
```
#7ab6f6 rgb(122,182,246)
```
#8dc0f7
```
#8dc0f7 rgb(141,192,247)
```
#9fcaf8
```
#9fcaf8 rgb(159,202,248)
```
#b2d5fa
```
#b2d5fa rgb(178,213,250)
```
#c4dffb
```
#c4dffb rgb(196,223,251)
```
#d6e9fc
```
#d6e9fc rgb(214,233,252)
```
#e9f3fd
```
#e9f3fd rgb(233,243,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8e9194
```
#8e9194 rgb(142,145,148)
```
#86919c
```
#86919c rgb(134,145,156)
```
#7d90a5
```
#7d90a5 rgb(125,144,165)
```
#7590ad
```
#7590ad rgb(117,144,173)
```
#6c90b6
```
#6c90b6 rgb(108,144,182)
```
#6490be
```
#6490be rgb(100,144,190)
```
#5b8fc7
```
#5b8fc7 rgb(91,143,199)
```
#538fcf
```
#538fcf rgb(83,143,207)
```
#4a8fd8
```
#4a8fd8 rgb(74,143,216)
```
#428fe0
```
#428fe0 rgb(66,143,224)
```
#398ee9
```
#398ee9 rgb(57,142,233)
```
#318ef1
```
#318ef1 rgb(49,142,241)
```
#298ef9
```
#298ef9 rgb(41,142,249)
```

Tone Color Variation

Below, you can see how #318ef1 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
#6e8094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#658fed Protanopia 1% of men
#3994f1 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#528eee Protanomaly 1% of men, 0.01% of women
#3691f1 Deuteranomaly 6% of men, 0.4% of women
#1199c4 Tritanomaly 0.01% of the population

#318ef1 hex color

#318ef1 Color Information

#318ef1 Color Conversion

Color Schemes with #318ef1

Alternatives to #318ef1

#318ef1 Preview

Shades and Tints of #318ef1

Tones of #318ef1

Color Blindness Simulator