#318ee1 hex color

In a RGB color space, hex #318ee1 is composed of 19.2% red, 55.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 36.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 208.3 degrees, a saturation of 74.6% and a lightness of 53.7%. #318ee1 color hex could be obtained by blending #62ffff with #001dc3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 56
- B 88
RGB color chart
- C 78
- M 37
- Y 0
- K 12
CMYK color chart

● #318ee1 color description : Bright blue.

The hexadecimal color #318ee1 has RGB values of R:49, G:142, B:225 and CMYK values of C:0.78, M:0.37, Y:0, K:0.12. Its decimal value is 3247841.

Hex triplet	318ee1	`#318ee1`
RGB Decimal	49, 142, 225	`rgb(49,142,225)`
RGB Percent	19.2, 55.7, 88.2	`rgb(19.2%,55.7%,88.2%)`
CMYK	78, 37, 0, 12
HSL	208.3°, 74.6, 53.7	`hsl(208.3,74.6%,53.7%)`
HSV (or HSB)	208.3°, 78.2, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.495, 1.537, -49.793
XYZ	24.527, 25.433, 74.846
xyY	0.197, 0.204, 25.433
CIE-LCH	57.495, 49.817, 271.768
CIE-LUV	57.495, -31.581, -78.728
Hunter-Lab	50.431, -1.442, -52.692
Binary	00110001, 10001110, 11100001

#318ee1
```
#318ee1 rgb(49,142,225)
```
#e18431
```
#e18431 rgb(225,132,49)
```

Complementary Color

#31e1dc
```
#31e1dc rgb(49,225,220)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#3136e1
```
#3136e1 rgb(49,54,225)
```

Analogous Color

#e1dc31
```
#e1dc31 rgb(225,220,49)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#e13136
```
#e13136 rgb(225,49,54)
```

Split Complementary Color

#8ee131
```
#8ee131 rgb(142,225,49)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#e1318e
```
#e1318e rgb(225,49,142)
```

Triadic Color

#31e184
```
#31e184 rgb(49,225,132)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#e1318e
```
#e1318e rgb(225,49,142)
```
#e18431
```
#e18431 rgb(225,132,49)
```

Tetradic Color

#1967ac
```
#1967ac rgb(25,103,172)
```
#1c74c3
```
#1c74c3 rgb(28,116,195)
```
#2082d9
```
#2082d9 rgb(32,130,217)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#479ae4
```
#479ae4 rgb(71,154,228)
```
#5ea6e7
```
#5ea6e7 rgb(94,166,231)
```
#74b3eb
```
#74b3eb rgb(116,179,235)
```

Monochromatic Color

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

#31bae1
```
#31bae1 rgb(49,186,225)
```
#31abe1
```
#31abe1 rgb(49,171,225)
```
#319de1
```
#319de1 rgb(49,157,225)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#317fe1
```
#317fe1 rgb(49,127,225)
```
#3171e1
```
#3171e1 rgb(49,113,225)
```
#3162e1
```
#3162e1 rgb(49,98,225)
```

Similar Colors

Text with hexadecimal color #318ee1

This text has a font color of #318ee1.

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

#318ee1 background color

This paragraph has a background color of #318ee1.

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

#318ee1 border color

This element has a border color of #318ee1.

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

CSS codes

.text {color:#318ee1;}

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

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

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, #020a11 is the darkest color, while #feffff is the lightest one.

#020a11
```
#020a11 rgb(2,10,17)
```
#051422
```
#051422 rgb(5,20,34)
```
#071e33
```
#071e33 rgb(7,30,51)
```
#0a2944
```
#0a2944 rgb(10,41,68)
```
#0c3355
```
#0c3355 rgb(12,51,85)
```
#0f3d66
```
#0f3d66 rgb(15,61,102)
```
#114777
```
#114777 rgb(17,71,119)
```
#145188
```
#145188 rgb(20,81,136)
```
#165c9a
```
#165c9a rgb(22,92,154)
```
#1966ab
```
#1966ab rgb(25,102,171)
```
#1b70bc
```
#1b70bc rgb(27,112,188)
```
#1e7acd
```
#1e7acd rgb(30,122,205)
```
#2085de
```
#2085de rgb(32,133,222)
```

Shade Color Variation

#318ee1
```
#318ee1 rgb(49,142,225)
```
#4297e3
```
#4297e3 rgb(66,151,227)
```
#53a1e6
```
#53a1e6 rgb(83,161,230)
```
#64aae8
```
#64aae8 rgb(100,170,232)
```
#75b4eb
```
#75b4eb rgb(117,180,235)
```
#87bded
```
#87bded rgb(135,189,237)
```
#98c6f0
```
#98c6f0 rgb(152,198,240)
```
#a9d0f2
```
#a9d0f2 rgb(169,208,242)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#cbe3f7
```
#cbe3f7 rgb(203,227,247)
```
#dcecfa
```
#dcecfa rgb(220,236,250)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83898f is the less saturated color, while #1690fc is the most saturated one.

#83898f
```
#83898f rgb(131,137,143)
```
#7a8a98
```
#7a8a98 rgb(122,138,152)
```
#718aa1
```
#718aa1 rgb(113,138,161)
```
#678bab
```
#678bab rgb(103,139,171)
```
#5e8bb4
```
#5e8bb4 rgb(94,139,180)
```
#558cbd
```
#558cbd rgb(85,140,189)
```
#4c8cc6
```
#4c8cc6 rgb(76,140,198)
```
#438dcf
```
#438dcf rgb(67,141,207)
```
#3a8dd8
```
#3a8dd8 rgb(58,141,216)
```
#318ee1
```
#318ee1 rgb(49,142,225)
```
#288fea
```
#288fea rgb(40,143,234)
```
#1f8ff3
```
#1f8ff3 rgb(31,143,243)
```
#1690fc
```
#1690fc rgb(22,144,252)
```

Tone Color Variation

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

Dichromacy

#6e8ddd Protanopia 1% of men
#5391e3 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#588dde Protanomaly 1% of men, 0.01% of women
#468fe2 Deuteranomaly 6% of men, 0.4% of women
#1198bd Tritanomaly 0.01% of the population

#318ee1 hex color

#318ee1 Color Information

#318ee1 Color Conversion

Color Schemes with #318ee1

Alternatives to #318ee1

#318ee1 Preview

Shades and Tints of #318ee1

Tones of #318ee1

Color Blindness Simulator