#318bec hex color

In a RGB color space, hex #318bec is composed of 19.2% red, 54.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 41.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 211.1 degrees, a saturation of 83.1% and a lightness of 55.9%. #318bec color hex could be obtained by blending #62ffff with #0017d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 55
- B 93
RGB color chart
- C 79
- M 41
- Y 0
- K 7
CMYK color chart

● #318bec color description : Bright blue.

The hexadecimal color #318bec has RGB values of R:49, G:139, B:236 and CMYK values of C:0.79, M:0.41, Y:0, K:0.07. Its decimal value is 3247084.

Hex triplet	318bec	`#318bec`
RGB Decimal	49, 139, 236	`rgb(49,139,236)`
RGB Percent	19.2, 54.5, 92.5	`rgb(19.2%,54.5%,92.5%)`
CMYK	79, 41, 0, 7
HSL	211.1°, 83.1, 55.9	`hsl(211.1,83.1%,55.9%)`
HSV (or HSB)	211.1°, 79.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.243, 7.352, -56.315
XYZ	25.636, 25.172, 82.86
xyY	0.192, 0.188, 25.172
CIE-LCH	57.243, 56.793, 277.438
CIE-LUV	57.243, -30.149, -89.864
Hunter-Lab	50.172, 3.406, -62.798
Binary	00110001, 10001011, 11101100

#318bec
```
#318bec rgb(49,139,236)
```
#ec9231
```
#ec9231 rgb(236,146,49)
```

Complementary Color

#31e9ec
```
#31e9ec rgb(49,233,236)
```
#318bec
```
#318bec rgb(49,139,236)
```
#3531ec
```
#3531ec rgb(53,49,236)
```

Analogous Color

#e9ec31
```
#e9ec31 rgb(233,236,49)
```
#318bec
```
#318bec rgb(49,139,236)
```
#ec3531
```
#ec3531 rgb(236,53,49)
```

Split Complementary Color

#8bec31
```
#8bec31 rgb(139,236,49)
```
#318bec
```
#318bec rgb(49,139,236)
```
#ec318b
```
#ec318b rgb(236,49,139)
```

Triadic Color

#31ec92
```
#31ec92 rgb(49,236,146)
```
#318bec
```
#318bec rgb(49,139,236)
```
#ec318b
```
#ec318b rgb(236,49,139)
```
#ec9231
```
#ec9231 rgb(236,146,49)
```

Tetradic Color

#1265bf
```
#1265bf rgb(18,101,191)
```
#1471d6
```
#1471d6 rgb(20,113,214)
```
#1a7eea
```
#1a7eea rgb(26,126,234)
```
#318bec
```
#318bec rgb(49,139,236)
```
#4898ee
```
#4898ee rgb(72,152,238)
```
#60a5f0
```
#60a5f0 rgb(96,165,240)
```
#77b2f2
```
#77b2f2 rgb(119,178,242)
```

Monochromatic Color

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

#31baec
```
#31baec rgb(49,186,236)
```
#31aaec
```
#31aaec rgb(49,170,236)
```
#319bec
```
#319bec rgb(49,155,236)
```
#318bec
```
#318bec rgb(49,139,236)
```
#317bec
```
#317bec rgb(49,123,236)
```
#316cec
```
#316cec rgb(49,108,236)
```
#315cec
```
#315cec rgb(49,92,236)
```

Similar Colors

Text with hexadecimal color #318bec

This text has a font color of #318bec.

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

#318bec background color

This paragraph has a background color of #318bec.

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

#318bec border color

This element has a border color of #318bec.

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

CSS codes

.text {color:#318bec;}

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

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

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, #01050a is the darkest color, while #f7fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030f1b
```
#030f1b rgb(3,15,27)
```
#04182d
```
#04182d rgb(4,24,45)
```
#06223f
```
#06223f rgb(6,34,63)
```
#082b51
```
#082b51 rgb(8,43,81)
```
#093563
```
#093563 rgb(9,53,99)
```
#0b3e75
```
#0b3e75 rgb(11,62,117)
```
#0c4887
```
#0c4887 rgb(12,72,135)
```
#0e5199
```
#0e5199 rgb(14,81,153)
```
#105bab
```
#105bab rgb(16,91,171)
```
#1164bd
```
#1164bd rgb(17,100,189)
```
#136ecf
```
#136ecf rgb(19,110,207)
```
#1577e1
```
#1577e1 rgb(21,119,225)
```

Shade Color Variation

#1f81ea
```
#1f81ea rgb(31,129,234)
```
#318bec
```
#318bec rgb(49,139,236)
```
#4395ee
```
#4395ee rgb(67,149,238)
```
#559fef
```
#559fef rgb(85,159,239)
```
#67a9f1
```
#67a9f1 rgb(103,169,241)
```
#79b3f3
```
#79b3f3 rgb(121,179,243)
```
#8bbef4
```
#8bbef4 rgb(139,190,244)
```
#9dc8f6
```
#9dc8f6 rgb(157,200,246)
```
#afd2f8
```
#afd2f8 rgb(175,210,248)
```
#c1dcf9
```
#c1dcf9 rgb(193,220,249)
```
#d3e6fb
```
#d3e6fb rgb(211,230,251)
```
#e5f0fd
```
#e5f0fd rgb(229,240,253)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e95 is the less saturated color, while #208afd is the most saturated one.

#888e95
```
#888e95 rgb(136,142,149)
```
#7f8e9e
```
#7f8e9e rgb(127,142,158)
```
#768ea7
```
#768ea7 rgb(118,142,167)
```
#6e8daf
```
#6e8daf rgb(110,141,175)
```
#658db8
```
#658db8 rgb(101,141,184)
```
#5c8dc1
```
#5c8dc1 rgb(92,141,193)
```
#548cc9
```
#548cc9 rgb(84,140,201)
```
#4b8cd2
```
#4b8cd2 rgb(75,140,210)
```
#428cdb
```
#428cdb rgb(66,140,219)
```
#3a8be3
```
#3a8be3 rgb(58,139,227)
```
#318bec
```
#318bec rgb(49,139,236)
```
#288bf5
```
#288bf5 rgb(40,139,245)
```
#208afd
```
#208afd rgb(32,138,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c7e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#638ce9 Protanopia 1% of men
#3991ec Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#518bea Protanomaly 1% of men, 0.01% of women
#368eec Deuteranomaly 6% of men, 0.4% of women
#1196c0 Tritanomaly 0.01% of the population

#318bec hex color

#318bec Color Information

#318bec Color Conversion

Color Schemes with #318bec

Alternatives to #318bec

#318bec Preview

Shades and Tints of #318bec

Tones of #318bec

Color Blindness Simulator