#318af7 hex color

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

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

● #318af7 color description : Bright blue.

The hexadecimal color #318af7 has RGB values of R:49, G:138, B:247 and CMYK values of C:0.8, M:0.44, Y:0, K:0.03. Its decimal value is 3246839.

Hex triplet	318af7	`#318af7`
RGB Decimal	49, 138, 247	`rgb(49,138,247)`
RGB Percent	19.2, 54.1, 96.9	`rgb(19.2%,54.1%,96.9%)`
CMYK	80, 44, 0, 3
HSL	213°, 92.5, 58	`hsl(213,92.5%,58%)`
HSV (or HSB)	213°, 80.2, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.601, 12.005, -61.83
XYZ	27.14, 25.543, 91.491
xyY	0.188, 0.177, 25.543
CIE-LCH	57.601, 62.984, 280.988
CIE-LUV	57.601, -29.431, -99.303
Hunter-Lab	50.54, 7.408, -71.952
Binary	00110001, 10001010, 11110111

#318af7
```
#318af7 rgb(49,138,247)
```
#f79e31
```
#f79e31 rgb(247,158,49)
```

Complementary Color

#31edf7
```
#31edf7 rgb(49,237,247)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#3b31f7
```
#3b31f7 rgb(59,49,247)
```

Analogous Color

#edf731
```
#edf731 rgb(237,247,49)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#f73b31
```
#f73b31 rgb(247,59,49)
```

Split Complementary Color

#8af731
```
#8af731 rgb(138,247,49)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#f7318a
```
#f7318a rgb(247,49,138)
```

Triadic Color

#31f79e
```
#31f79e rgb(49,247,158)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#f7318a
```
#f7318a rgb(247,49,138)
```
#f79e31
```
#f79e31 rgb(247,158,49)
```

Tetradic Color

#0863d3
```
#0863d3 rgb(8,99,211)
```
#096fec
```
#096fec rgb(9,111,236)
```
#187cf6
```
#187cf6 rgb(24,124,246)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#4a98f8
```
#4a98f8 rgb(74,152,248)
```
#62a6f9
```
#62a6f9 rgb(98,166,249)
```
#7bb4fa
```
#7bb4fa rgb(123,180,250)
```

Monochromatic Color

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

#31bcf7
```
#31bcf7 rgb(49,188,247)
```
#31abf7
```
#31abf7 rgb(49,171,247)
```
#319bf7
```
#319bf7 rgb(49,155,247)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#317af7
```
#317af7 rgb(49,122,247)
```
#3169f7
```
#3169f7 rgb(49,105,247)
```
#3159f7
```
#3159f7 rgb(49,89,247)
```

Similar Colors

Text with hexadecimal color #318af7

This text has a font color of #318af7.

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

#318af7 background color

This paragraph has a background color of #318af7.

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

#318af7 border color

This element has a border color of #318af7.

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

CSS codes

.text {color:#318af7;}

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

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

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 #eef5fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#021327
```
#021327 rgb(2,19,39)
```
#021b3a
```
#021b3a rgb(2,27,58)
```
#03244d
```
#03244d rgb(3,36,77)
```
#042d60
```
#042d60 rgb(4,45,96)
```
#043673
```
#043673 rgb(4,54,115)
```
#053f86
```
#053f86 rgb(5,63,134)
```
#064899
```
#064899 rgb(6,72,153)
```
#0751ac
```
#0751ac rgb(7,81,172)
```
#075abf
```
#075abf rgb(7,90,191)
```
#0863d1
```
#0863d1 rgb(8,99,209)
```
#096be4
```
#096be4 rgb(9,107,228)
```

Shade Color Variation

#0b75f6
```
#0b75f6 rgb(11,117,246)
```
#1e7ff6
```
#1e7ff6 rgb(30,127,246)
```
#318af7
```
#318af7 rgb(49,138,247)
```
#4495f8
```
#4495f8 rgb(68,149,248)
```
#579ff8
```
#579ff8 rgb(87,159,248)
```
#6aaaf9
```
#6aaaf9 rgb(106,170,249)
```
#7db5fa
```
#7db5fa rgb(125,181,250)
```
#8fc0fb
```
#8fc0fb rgb(143,192,251)
```
#a2cafb
```
#a2cafb rgb(162,202,251)
```
#b5d5fc
```
#b5d5fc rgb(181,213,252)
```
#c8e0fd
```
#c8e0fd rgb(200,224,253)
```
#dbebfe
```
#dbebfe rgb(219,235,254)
```
#eef5fe
```
#eef5fe rgb(238,245,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 #318af7 is the most saturated one.

#949494
```
#949494 rgb(148,148,148)
```
#8c939c
```
#8c939c rgb(140,147,156)
```
#8392a5
```
#8392a5 rgb(131,146,165)
```
#7b91ad
```
#7b91ad rgb(123,145,173)
```
#7391b5
```
#7391b5 rgb(115,145,181)
```
#6b90bd
```
#6b90bd rgb(107,144,189)
```
#628fc6
```
#628fc6 rgb(98,143,198)
```
#5a8ece
```
#5a8ece rgb(90,142,206)
```
#528dd6
```
#528dd6 rgb(82,141,214)
```
#4a8cde
```
#4a8cde rgb(74,140,222)
```
#418ce7
```
#418ce7 rgb(65,140,231)
```
#398bef
```
#398bef rgb(57,139,239)
```
#318af7
```
#318af7 rgb(49,138,247)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d7f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#598df4 Protanopia 1% of men
#0092f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#4b8bf5 Protanomaly 1% of men, 0.01% of women
#118ff5 Deuteranomaly 6% of men, 0.4% of women
#1197c5 Tritanomaly 0.01% of the population

#318af7 hex color

#318af7 Color Information

#318af7 Color Conversion

Color Schemes with #318af7

Alternatives to #318af7

#318af7 Preview

Shades and Tints of #318af7

Tones of #318af7

Color Blindness Simulator