#318bfc hex color

In a RGB color space, hex #318bfc is composed of 19.2% red, 54.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 44.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 213.4 degrees, a saturation of 97.1% and a lightness of 59%. #318bfc color hex could be obtained by blending #62ffff with #0017f9. Closest websafe color is: #3399ff.

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

● #318bfc color description : Bright blue.

The hexadecimal color #318bfc has RGB values of R:49, G:139, B:252 and CMYK values of C:0.81, M:0.45, Y:0, K:0.01. Its decimal value is 3247100.

Hex triplet	318bfc	`#318bfc`
RGB Decimal	49, 139, 252	`rgb(49,139,252)`
RGB Percent	19.2, 54.5, 98.8	`rgb(19.2%,54.5%,98.8%)`
CMYK	81, 45, 0, 1
HSL	213.4°, 97.1, 59	`hsl(213.4,97.1%,59%)`
HSV (or HSB)	213.4°, 80.6, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.174, 13.24, -63.665
XYZ	28.066, 26.144, 95.657
xyY	0.187, 0.174, 26.144
CIE-LCH	58.174, 65.027, 281.748
CIE-LUV	58.174, -29.566, -102.563
Hunter-Lab	51.131, 8.499, -75.129
Binary	00110001, 10001011, 11111100

#318bfc
```
#318bfc rgb(49,139,252)
```
#fca231
```
#fca231 rgb(252,162,49)
```

Complementary Color

#31f1fc
```
#31f1fc rgb(49,241,252)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#3d31fc
```
#3d31fc rgb(61,49,252)
```

Analogous Color

#f1fc31
```
#f1fc31 rgb(241,252,49)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#fc3d31
```
#fc3d31 rgb(252,61,49)
```

Split Complementary Color

#8bfc31
```
#8bfc31 rgb(139,252,49)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#fc318b
```
#fc318b rgb(252,49,139)
```

Triadic Color

#31fca2
```
#31fca2 rgb(49,252,162)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#fc318b
```
#fc318b rgb(252,49,139)
```
#fca231
```
#fca231 rgb(252,162,49)
```

Tetradic Color

#0364dd
```
#0364dd rgb(3,100,221)
```
#046ff6
```
#046ff6 rgb(4,111,246)
```
#187dfc
```
#187dfc rgb(24,125,252)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#4a99fc
```
#4a99fc rgb(74,153,252)
```
#63a7fd
```
#63a7fd rgb(99,167,253)
```
#7cb5fd
```
#7cb5fd rgb(124,181,253)
```

Monochromatic Color

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

#31befc
```
#31befc rgb(49,190,252)
```
#31adfc
```
#31adfc rgb(49,173,252)
```
#319cfc
```
#319cfc rgb(49,156,252)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#317afc
```
#317afc rgb(49,122,252)
```
#3169fc
```
#3169fc rgb(49,105,252)
```
#3158fc
```
#3158fc rgb(49,88,252)
```

Similar Colors

Text with hexadecimal color #318bfc

This text has a font color of #318bfc.

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

#318bfc background color

This paragraph has a background color of #318bfc.

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

#318bfc border color

This element has a border color of #318bfc.

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

CSS codes

.text {color:#318bfc;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000c1a
```
#000c1a rgb(0,12,26)
```
#01142d
```
#01142d rgb(1,20,45)
```
#011d41
```
#011d41 rgb(1,29,65)
```
#012654
```
#012654 rgb(1,38,84)
```
#022f67
```
#022f67 rgb(2,47,103)
```
#02377b
```
#02377b rgb(2,55,123)
```
#02408e
```
#02408e rgb(2,64,142)
```
#0249a1
```
#0249a1 rgb(2,73,161)
```
#0352b5
```
#0352b5 rgb(3,82,181)
```
#035ac8
```
#035ac8 rgb(3,90,200)
```
#0363db
```
#0363db rgb(3,99,219)
```
#036cef
```
#036cef rgb(3,108,239)
```

Shade Color Variation

#0a75fb
```
#0a75fb rgb(10,117,251)
```
#1e80fc
```
#1e80fc rgb(30,128,252)
```
#318bfc
```
#318bfc rgb(49,139,252)
```
#4496fc
```
#4496fc rgb(68,150,252)
```
#58a1fd
```
#58a1fd rgb(88,161,253)
```
#6bacfd
```
#6bacfd rgb(107,172,253)
```
#7eb7fd
```
#7eb7fd rgb(126,183,253)
```
#92c1fd
```
#92c1fd rgb(146,193,253)
```
#a5ccfe
```
#a5ccfe rgb(165,204,254)
```
#b8d7fe
```
#b8d7fe rgb(184,215,254)
```
#cce2fe
```
#cce2fe rgb(204,226,254)
```
#dfedff
```
#dfedff rgb(223,237,255)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#91969c
```
#91969c rgb(145,150,156)
```
#8995a4
```
#8995a4 rgb(137,149,164)
```
#8194ac
```
#8194ac rgb(129,148,172)
```
#7993b4
```
#7993b4 rgb(121,147,180)
```
#7192bc
```
#7192bc rgb(113,146,188)
```
#6991c4
```
#6991c4 rgb(105,145,196)
```
#6190cc
```
#6190cc rgb(97,144,204)
```
#5990d4
```
#5990d4 rgb(89,144,212)
```
#518fdc
```
#518fdc rgb(81,143,220)
```
#498ee4
```
#498ee4 rgb(73,142,228)
```
#418dec
```
#418dec rgb(65,141,236)
```
#398cf4
```
#398cf4 rgb(57,140,244)
```
#318bfc
```
#318bfc rgb(49,139,252)
```

Tone Color Variation

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

Dichromacy

#578ef9 Protanopia 1% of men
#0094f6 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#498dfa Protanomaly 1% of men, 0.01% of women
#1190f8 Deuteranomaly 6% of men, 0.4% of women
#1198c7 Tritanomaly 0.01% of the population

#318bfc hex color

#318bfc Color Information

#318bfc Color Conversion

Color Schemes with #318bfc

Alternatives to #318bfc

#318bfc Preview

Shades and Tints of #318bfc

Tones of #318bfc

Color Blindness Simulator