#318ffb hex color

In a RGB color space, hex #318ffb is composed of 19.2% red, 56.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 43% magenta, 0% yellow and 1.6% black. It has a hue angle of 212.1 degrees, a saturation of 96.2% and a lightness of 58.8%. #318ffb color hex could be obtained by blending #62ffff with #001ff7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 56
- B 98
RGB color chart
- C 80
- M 43
- Y 0
- K 2
CMYK color chart

● #318ffb color description : Bright blue.

The hexadecimal color #318ffb has RGB values of R:49, G:143, B:251 and CMYK values of C:0.8, M:0.43, Y:0, K:0.02. Its decimal value is 3248123.

Hex triplet	318ffb	`#318ffb`
RGB Decimal	49, 143, 251	`rgb(49,143,251)`
RGB Percent	19.2, 56.1, 98.4	`rgb(19.2%,56.1%,98.4%)`
CMYK	80, 43, 0, 2
HSL	212.1°, 96.2, 58.8	`hsl(212.1,96.2%,58.8%)`
HSV (or HSB)	212.1°, 80.5, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.215, 10.451, -61.444
XYZ	28.498, 27.261, 95.021
xyY	0.189, 0.181, 27.261
CIE-LCH	59.215, 62.327, 279.653
CIE-LUV	59.215, -30.838, -99.106
Hunter-Lab	52.212, 6.057, -71.355
Binary	00110001, 10001111, 11111011

#318ffb
```
#318ffb rgb(49,143,251)
```
#fb9d31
```
#fb9d31 rgb(251,157,49)
```

Complementary Color

#31f4fb
```
#31f4fb rgb(49,244,251)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#3831fb
```
#3831fb rgb(56,49,251)
```

Analogous Color

#f4fb31
```
#f4fb31 rgb(244,251,49)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#fb3831
```
#fb3831 rgb(251,56,49)
```

Split Complementary Color

#8ffb31
```
#8ffb31 rgb(143,251,49)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#fb318f
```
#fb318f rgb(251,49,143)
```

Triadic Color

#31fb9d
```
#31fb9d rgb(49,251,157)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#fb318f
```
#fb318f rgb(251,49,143)
```
#fb9d31
```
#fb9d31 rgb(251,157,49)
```

Tetradic Color

#0468db
```
#0468db rgb(4,104,219)
```
#0574f4
```
#0574f4 rgb(5,116,244)
```
#1881fb
```
#1881fb rgb(24,129,251)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#4a9dfb
```
#4a9dfb rgb(74,157,251)
```
#63aafc
```
#63aafc rgb(99,170,252)
```
#7cb8fc
```
#7cb8fc rgb(124,184,252)
```

Monochromatic Color

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

#31c2fb
```
#31c2fb rgb(49,194,251)
```
#31b1fb
```
#31b1fb rgb(49,177,251)
```
#31a0fb
```
#31a0fb rgb(49,160,251)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#317efb
```
#317efb rgb(49,126,251)
```
#316dfb
```
#316dfb rgb(49,109,251)
```
#315dfb
```
#315dfb rgb(49,93,251)
```

Similar Colors

Text with hexadecimal color #318ffb

This text has a font color of #318ffb.

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

#318ffb background color

This paragraph has a background color of #318ffb.

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

#318ffb border color

This element has a border color of #318ffb.

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

CSS codes

.text {color:#318ffb;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#01152c
```
#01152c rgb(1,21,44)
```
#011e3f
```
#011e3f rgb(1,30,63)
```
#022753
```
#022753 rgb(2,39,83)
```
#023066
```
#023066 rgb(2,48,102)
```
#023a79
```
#023a79 rgb(2,58,121)
```
#03438c
```
#03438c rgb(3,67,140)
```
#034ca0
```
#034ca0 rgb(3,76,160)
```
#0355b3
```
#0355b3 rgb(3,85,179)
```
#045ec6
```
#045ec6 rgb(4,94,198)
```
#0467d9
```
#0467d9 rgb(4,103,217)
```
#0571ed
```
#0571ed rgb(5,113,237)
```

Shade Color Variation

#0b7afa
```
#0b7afa rgb(11,122,250)
```
#1e85fb
```
#1e85fb rgb(30,133,251)
```
#318ffb
```
#318ffb rgb(49,143,251)
```
#4499fb
```
#4499fb rgb(68,153,251)
```
#57a4fc
```
#57a4fc rgb(87,164,252)
```
#6baefc
```
#6baefc rgb(107,174,252)
```
#7eb9fc
```
#7eb9fc rgb(126,185,252)
```
#91c3fd
```
#91c3fd rgb(145,195,253)
```
#a4cefd
```
#a4cefd rgb(164,206,253)
```
#b8d8fe
```
#b8d8fe rgb(184,216,254)
```
#cbe3fe
```
#cbe3fe rgb(203,227,254)
```
#deedfe
```
#deedfe rgb(222,237,254)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#92969a
```
#92969a rgb(146,150,154)
```
#8a95a2
```
#8a95a2 rgb(138,149,162)
```
#8295aa
```
#8295aa rgb(130,149,170)
```
#7a94b2
```
#7a94b2 rgb(122,148,178)
```
#7293ba
```
#7293ba rgb(114,147,186)
```
#6a93c2
```
#6a93c2 rgb(106,147,194)
```
#6192cb
```
#6192cb rgb(97,146,203)
```
#5992d3
```
#5992d3 rgb(89,146,211)
```
#5191db
```
#5191db rgb(81,145,219)
```
#4991e3
```
#4991e3 rgb(73,145,227)
```
#4190eb
```
#4190eb rgb(65,144,235)
```
#3990f3
```
#3990f3 rgb(57,144,243)
```
#318ffb
```
#318ffb rgb(49,143,251)
```

Tone Color Variation

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

Dichromacy

#6091f7 Protanopia 1% of men
#1e96fa Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#4f90f9 Protanomaly 1% of men, 0.01% of women
#2593fa Deuteranomaly 6% of men, 0.4% of women
#119bc9 Tritanomaly 0.01% of the population

#318ffb hex color

#318ffb Color Information

#318ffb Color Conversion

Color Schemes with #318ffb

Alternatives to #318ffb

#318ffb Preview

Shades and Tints of #318ffb

Tones of #318ffb

Color Blindness Simulator