#318aed hex color

In a RGB color space, hex #318aed is composed of 19.2% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 211.6 degrees, a saturation of 83.9% and a lightness of 56.1%. #318aed color hex could be obtained by blending #62ffff with #0015db. 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

● #318aed color description : Bright blue.

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

Hex triplet	318aed	`#318aed`
RGB Decimal	49, 138, 237	`rgb(49,138,237)`
RGB Percent	19.2, 54.1, 92.9	`rgb(19.2%,54.1%,92.9%)`
CMYK	79, 42, 0, 7
HSL	211.6°, 83.9, 56.1	`hsl(211.6,83.9%,56.1%)`
HSV (or HSB)	211.6°, 79.3, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.019, 8.323, -57.228
XYZ	25.638, 24.942, 83.579
xyY	0.191, 0.186, 24.942
CIE-LCH	57.019, 57.83, 278.274
CIE-LUV	57.019, -29.793, -91.361
Hunter-Lab	49.942, 4.233, -64.263
Binary	00110001, 10001010, 11101101

#318aed
```
#318aed rgb(49,138,237)
```
#ed9431
```
#ed9431 rgb(237,148,49)
```

Complementary Color

#31e8ed
```
#31e8ed rgb(49,232,237)
```
#318aed
```
#318aed rgb(49,138,237)
```
#3631ed
```
#3631ed rgb(54,49,237)
```

Analogous Color

#e8ed31
```
#e8ed31 rgb(232,237,49)
```
#318aed
```
#318aed rgb(49,138,237)
```
#ed3631
```
#ed3631 rgb(237,54,49)
```

Split Complementary Color

#8aed31
```
#8aed31 rgb(138,237,49)
```
#318aed
```
#318aed rgb(49,138,237)
```
#ed318a
```
#ed318a rgb(237,49,138)
```

Triadic Color

#31ed94
```
#31ed94 rgb(49,237,148)
```
#318aed
```
#318aed rgb(49,138,237)
```
#ed318a
```
#ed318a rgb(237,49,138)
```
#ed9431
```
#ed9431 rgb(237,148,49)
```

Tetradic Color

#1164c1
```
#1164c1 rgb(17,100,193)
```
#1370d8
```
#1370d8 rgb(19,112,216)
```
#1a7deb
```
#1a7deb rgb(26,125,235)
```
#318aed
```
#318aed rgb(49,138,237)
```
#4897ef
```
#4897ef rgb(72,151,239)
```
#60a5f1
```
#60a5f1 rgb(96,165,241)
```
#77b2f3
```
#77b2f3 rgb(119,178,243)
```

Monochromatic Color

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

#31b9ed
```
#31b9ed rgb(49,185,237)
```
#31a9ed
```
#31a9ed rgb(49,169,237)
```
#319aed
```
#319aed rgb(49,154,237)
```
#318aed
```
#318aed rgb(49,138,237)
```
#317aed
```
#317aed rgb(49,122,237)
```
#316bed
```
#316bed rgb(49,107,237)
```
#315bed
```
#315bed rgb(49,91,237)
```

Similar Colors

Text with hexadecimal color #318aed

This text has a font color of #318aed.

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

#318aed background color

This paragraph has a background color of #318aed.

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

#318aed border color

This element has a border color of #318aed.

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

CSS codes

.text {color:#318aed;}

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

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

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

#01050a
```
#01050a rgb(1,5,10)
```
#020f1d
```
#020f1d rgb(2,15,29)
```
#04182f
```
#04182f rgb(4,24,47)
```
#062241
```
#062241 rgb(6,34,65)
```
#072b53
```
#072b53 rgb(7,43,83)
```
#093465
```
#093465 rgb(9,52,101)
```
#0a3e77
```
#0a3e77 rgb(10,62,119)
```
#0c4789
```
#0c4789 rgb(12,71,137)
```
#0e509b
```
#0e509b rgb(14,80,155)
```
#0f5aad
```
#0f5aad rgb(15,90,173)
```
#1163bf
```
#1163bf rgb(17,99,191)
```
#126dd1
```
#126dd1 rgb(18,109,209)
```
#1476e3
```
#1476e3 rgb(20,118,227)
```

Shade Color Variation

#1f80eb
```
#1f80eb rgb(31,128,235)
```
#318aed
```
#318aed rgb(49,138,237)
```
#4394ef
```
#4394ef rgb(67,148,239)
```
#559ef0
```
#559ef0 rgb(85,158,240)
```
#67a9f2
```
#67a9f2 rgb(103,169,242)
```
#79b3f3
```
#79b3f3 rgb(121,179,243)
```
#8bbdf5
```
#8bbdf5 rgb(139,189,245)
```
#9dc7f6
```
#9dc7f6 rgb(157,199,246)
```
#afd2f8
```
#afd2f8 rgb(175,210,248)
```
#c1dcfa
```
#c1dcfa rgb(193,220,250)
```
#d3e6fb
```
#d3e6fb rgb(211,230,251)
```
#e5f0fd
```
#e5f0fd rgb(229,240,253)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878f97 is the less saturated color, while #2089fe is the most saturated one.

#878f97
```
#878f97 rgb(135,143,151)
```
#7f8e9f
```
#7f8e9f rgb(127,142,159)
```
#768ea8
```
#768ea8 rgb(118,142,168)
```
#6d8db1
```
#6d8db1 rgb(109,141,177)
```
#658db9
```
#658db9 rgb(101,141,185)
```
#5c8cc2
```
#5c8cc2 rgb(92,140,194)
```
#538ccb
```
#538ccb rgb(83,140,203)
```
#4b8bd3
```
#4b8bd3 rgb(75,139,211)
```
#428bdc
```
#428bdc rgb(66,139,220)
```
#3a8ae4
```
#3a8ae4 rgb(58,138,228)
```
#318aed
```
#318aed rgb(49,138,237)
```
#288af6
```
#288af6 rgb(40,138,246)
```
#2089fe
```
#2089fe rgb(32,137,254)
```

Tone Color Variation

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

#618bea Protanopia 1% of men
#3290ed Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#4f8beb Protanomaly 1% of men, 0.01% of women
#328eed Deuteranomaly 6% of men, 0.4% of women
#1196c0 Tritanomaly 0.01% of the population

#318aed hex color

#318aed Color Information

#318aed Color Conversion

Color Schemes with #318aed

Alternatives to #318aed

#318aed Preview

Shades and Tints of #318aed

Tones of #318aed

Color Blindness Simulator