#319ae0 hex color

In a RGB color space, hex #319ae0 is composed of 19.2% red, 60.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 31.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 204 degrees, a saturation of 73.8% and a lightness of 53.5%. #319ae0 color hex could be obtained by blending #62ffff with #0035c1. Closest websafe color is: #3399cc.

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

● #319ae0 color description : Bright blue.

The hexadecimal color #319ae0 has RGB values of R:49, G:154, B:224 and CMYK values of C:0.78, M:0.31, Y:0, K:0.12. Its decimal value is 3250912.

Hex triplet	319ae0	`#319ae0`
RGB Decimal	49, 154, 224	`rgb(49,154,224)`
RGB Percent	19.2, 60.4, 87.8	`rgb(19.2%,60.4%,87.8%)`
CMYK	78, 31, 0, 12
HSL	204°, 73.8, 53.5	`hsl(204,73.8%,53.5%)`
HSV (or HSB)	204°, 78.1, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.908, -5.792, -43.839
XYZ	26.273, 29.144, 74.758
xyY	0.202, 0.224, 29.144
CIE-LCH	60.908, 44.22, 262.473
CIE-LUV	60.908, -35.648, -68.832
Hunter-Lab	53.985, -7.601, -44.314
Binary	00110001, 10011010, 11100000

#319ae0
```
#319ae0 rgb(49,154,224)
```
#e07731
```
#e07731 rgb(224,119,49)
```

Complementary Color

#31e0cf
```
#31e0cf rgb(49,224,207)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#3142e0
```
#3142e0 rgb(49,66,224)
```

Analogous Color

#e0cf31
```
#e0cf31 rgb(224,207,49)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#e03143
```
#e03143 rgb(224,49,67)
```

Split Complementary Color

#9ae031
```
#9ae031 rgb(154,224,49)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#e0319a
```
#e0319a rgb(224,49,154)
```

Triadic Color

#31e077
```
#31e077 rgb(49,224,119)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#e0319a
```
#e0319a rgb(224,49,154)
```
#e07731
```
#e07731 rgb(224,119,49)
```

Tetradic Color

#1a71ab
```
#1a71ab rgb(26,113,171)
```
#1d7fc1
```
#1d7fc1 rgb(29,127,193)
```
#208ed7
```
#208ed7 rgb(32,142,215)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#47a5e3
```
#47a5e3 rgb(71,165,227)
```
#5db0e7
```
#5db0e7 rgb(93,176,231)
```
#73bbea
```
#73bbea rgb(115,187,234)
```

Monochromatic Color

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

#31c6e0
```
#31c6e0 rgb(49,198,224)
```
#31b7e0
```
#31b7e0 rgb(49,183,224)
```
#31a9e0
```
#31a9e0 rgb(49,169,224)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#318be0
```
#318be0 rgb(49,139,224)
```
#317de0
```
#317de0 rgb(49,125,224)
```
#316ee0
```
#316ee0 rgb(49,110,224)
```

Similar Colors

Text with hexadecimal color #319ae0

This text has a font color of #319ae0.

<span style="color:#319ae0;">Text here</span>

#319ae0 background color

This paragraph has a background color of #319ae0.

<p style="background-color:#319ae0;">Content here</p>

#319ae0 border color

This element has a border color of #319ae0.

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

CSS codes

.text {color:#319ae0;}

.background {background-color:#319ae0;}

.border {border:1px solid #319ae0;}

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

#020a10
```
#020a10 rgb(2,10,16)
```
#051621
```
#051621 rgb(5,22,33)
```
#072132
```
#072132 rgb(7,33,50)
```
#0a2c43
```
#0a2c43 rgb(10,44,67)
```
#0d3754
```
#0d3754 rgb(13,55,84)
```
#0f4365
```
#0f4365 rgb(15,67,101)
```
#124e76
```
#124e76 rgb(18,78,118)
```
#145987
```
#145987 rgb(20,89,135)
```
#176498
```
#176498 rgb(23,100,152)
```
#1970a9
```
#1970a9 rgb(25,112,169)
```
#1c7bba
```
#1c7bba rgb(28,123,186)
```
#1f86cb
```
#1f86cb rgb(31,134,203)
```
#2191dc
```
#2191dc rgb(33,145,220)
```

Shade Color Variation

#319ae0
```
#319ae0 rgb(49,154,224)
```
#42a2e3
```
#42a2e3 rgb(66,162,227)
```
#53abe5
```
#53abe5 rgb(83,171,229)
```
#64b3e8
```
#64b3e8 rgb(100,179,232)
```
#75bbea
```
#75bbea rgb(117,187,234)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#97ccef
```
#97ccef rgb(151,204,239)
```
#a8d5f2
```
#a8d5f2 rgb(168,213,242)
```
#b9ddf5
```
#b9ddf5 rgb(185,221,245)
```
#cae5f7
```
#cae5f7 rgb(202,229,247)
```
#dbeefa
```
#dbeefa rgb(219,238,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838a8e is the less saturated color, while #169ffb is the most saturated one.

#838a8e
```
#838a8e rgb(131,138,142)
```
#7a8b97
```
#7a8b97 rgb(122,139,151)
```
#718da0
```
#718da0 rgb(113,141,160)
```
#688fa9
```
#688fa9 rgb(104,143,169)
```
#5f91b2
```
#5f91b2 rgb(95,145,178)
```
#5593bc
```
#5593bc rgb(85,147,188)
```
#4c95c5
```
#4c95c5 rgb(76,149,197)
```
#4396ce
```
#4396ce rgb(67,150,206)
```
#3a98d7
```
#3a98d7 rgb(58,152,215)
```
#319ae0
```
#319ae0 rgb(49,154,224)
```
#289ce9
```
#289ce9 rgb(40,156,233)
```
#1f9ef2
```
#1f9ef2 rgb(31,158,242)
```
#169ffb
```
#169ffb rgb(22,159,251)
```

Tone Color Variation

Below, you can see how #319ae0 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

#838383 Achromatopsia 0.005% of the population
#738896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f96da Protanopia 1% of men
#6c98e4 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#6297dc Protanomaly 1% of men, 0.01% of women
#5799e2 Deuteranomaly 6% of men, 0.4% of women
#11a2c3 Tritanomaly 0.01% of the population

#319ae0 hex color

#319ae0 Color Information

#319ae0 Color Conversion

Color Schemes with #319ae0

Alternatives to #319ae0

#319ae0 Preview

Shades and Tints of #319ae0

Tones of #319ae0

Color Blindness Simulator