#318aec hex color

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

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

● #318aec color description : Bright blue.

The hexadecimal color #318aec has RGB values of R:49, G:138, B:236 and CMYK values of C:0.79, M:0.42, Y:0, K:0.07. Its decimal value is 3246828.

Hex triplet	318aec	`#318aec`
RGB Decimal	49, 138, 236	`rgb(49,138,236)`
RGB Percent	19.2, 54.1, 92.5	`rgb(19.2%,54.1%,92.5%)`
CMYK	79, 42, 0, 7
HSL	211.4°, 83.1, 55.9	`hsl(211.4,83.1%,55.9%)`
HSV (or HSB)	211.4°, 79.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.962, 7.955, -56.764
XYZ	25.492, 24.884, 82.812
xyY	0.191, 0.187, 24.884
CIE-LCH	56.962, 57.319, 277.977
CIE-LUV	56.962, -29.831, -90.558
Hunter-Lab	49.884, 3.922, -63.508
Binary	00110001, 10001010, 11101100

#318aec
```
#318aec rgb(49,138,236)
```
#ec9331
```
#ec9331 rgb(236,147,49)
```

Complementary Color

#31e8ec
```
#31e8ec rgb(49,232,236)
```
#318aec
```
#318aec rgb(49,138,236)
```
#3531ec
```
#3531ec rgb(53,49,236)
```

Analogous Color

#e8ec31
```
#e8ec31 rgb(232,236,49)
```
#318aec
```
#318aec rgb(49,138,236)
```
#ec3531
```
#ec3531 rgb(236,53,49)
```

Split Complementary Color

#8aec31
```
#8aec31 rgb(138,236,49)
```
#318aec
```
#318aec rgb(49,138,236)
```
#ec318a
```
#ec318a rgb(236,49,138)
```

Triadic Color

#31ec93
```
#31ec93 rgb(49,236,147)
```
#318aec
```
#318aec rgb(49,138,236)
```
#ec318a
```
#ec318a rgb(236,49,138)
```
#ec9331
```
#ec9331 rgb(236,147,49)
```

Tetradic Color

#1264bf
```
#1264bf rgb(18,100,191)
```
#1470d6
```
#1470d6 rgb(20,112,214)
```
#1a7dea
```
#1a7dea rgb(26,125,234)
```
#318aec
```
#318aec rgb(49,138,236)
```
#4897ee
```
#4897ee rgb(72,151,238)
```
#60a5f0
```
#60a5f0 rgb(96,165,240)
```
#77b2f2
```
#77b2f2 rgb(119,178,242)
```

Monochromatic Color

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

#31b9ec
```
#31b9ec rgb(49,185,236)
```
#31a9ec
```
#31a9ec rgb(49,169,236)
```
#319aec
```
#319aec rgb(49,154,236)
```
#318aec
```
#318aec rgb(49,138,236)
```
#317aec
```
#317aec rgb(49,122,236)
```
#316bec
```
#316bec rgb(49,107,236)
```
#315bec
```
#315bec rgb(49,91,236)
```

Similar Colors

Text with hexadecimal color #318aec

This text has a font color of #318aec.

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

#318aec background color

This paragraph has a background color of #318aec.

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

#318aec border color

This element has a border color of #318aec.

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

CSS codes

.text {color:#318aec;}

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

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

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)
```
#030e1b
```
#030e1b rgb(3,14,27)
```
#04182d
```
#04182d rgb(4,24,45)
```
#06213f
```
#06213f rgb(6,33,63)
```
#082b51
```
#082b51 rgb(8,43,81)
```
#093463
```
#093463 rgb(9,52,99)
```
#0b3d75
```
#0b3d75 rgb(11,61,117)
```
#0c4787
```
#0c4787 rgb(12,71,135)
```
#0e5099
```
#0e5099 rgb(14,80,153)
```
#105aab
```
#105aab rgb(16,90,171)
```
#1163bd
```
#1163bd rgb(17,99,189)
```
#136dcf
```
#136dcf rgb(19,109,207)
```
#1576e1
```
#1576e1 rgb(21,118,225)
```

Shade Color Variation

#1f80ea
```
#1f80ea rgb(31,128,234)
```
#318aec
```
#318aec rgb(49,138,236)
```
#4394ee
```
#4394ee rgb(67,148,238)
```
#559eef
```
#559eef rgb(85,158,239)
```
#67a9f1
```
#67a9f1 rgb(103,169,241)
```
#79b3f3
```
#79b3f3 rgb(121,179,243)
```
#8bbdf4
```
#8bbdf4 rgb(139,189,244)
```
#9dc7f6
```
#9dc7f6 rgb(157,199,246)
```
#afd1f8
```
#afd1f8 rgb(175,209,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 #2089fd is the most saturated one.

#888e95
```
#888e95 rgb(136,142,149)
```
#7f8e9e
```
#7f8e9e rgb(127,142,158)
```
#768da7
```
#768da7 rgb(118,141,167)
```
#6e8daf
```
#6e8daf rgb(110,141,175)
```
#658cb8
```
#658cb8 rgb(101,140,184)
```
#5c8cc1
```
#5c8cc1 rgb(92,140,193)
```
#548cc9
```
#548cc9 rgb(84,140,201)
```
#4b8bd2
```
#4b8bd2 rgb(75,139,210)
```
#428bdb
```
#428bdb rgb(66,139,219)
```
#3a8ae3
```
#3a8ae3 rgb(58,138,227)
```
#318aec
```
#318aec rgb(49,138,236)
```
#288af5
```
#288af5 rgb(40,138,245)
```
#2089fd
```
#2089fd rgb(32,137,253)
```

Tone Color Variation

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

#618be9 Protanopia 1% of men
#3590ec Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#508bea Protanomaly 1% of men, 0.01% of women
#338eec Deuteranomaly 6% of men, 0.4% of women
#1195c0 Tritanomaly 0.01% of the population

#318aec hex color

#318aec Color Information

#318aec Color Conversion

Color Schemes with #318aec

Alternatives to #318aec

#318aec Preview

Shades and Tints of #318aec

Tones of #318aec

Color Blindness Simulator