#1674eb hex color

In a RGB color space, hex #1674eb is composed of 8.6% red, 45.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 50.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 213.5 degrees, a saturation of 84.2% and a lightness of 50.4%. #1674eb color hex could be obtained by blending #2ce8ff with #0000d7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 45
- B 92
RGB color chart
- C 91
- M 51
- Y 0
- K 8
CMYK color chart

● #1674eb color description : Vivid blue.

The hexadecimal color #1674eb has RGB values of R:22, G:116, B:235 and CMYK values of C:0.91, M:0.51, Y:0, K:0.08. Its decimal value is 1471723.

Hex triplet	1674eb	`#1674eb`
RGB Decimal	22, 116, 235	`rgb(22,116,235)`
RGB Percent	8.6, 45.5, 92.2	`rgb(8.6%,45.5%,92.2%)`
CMYK	91, 51, 0, 8
HSL	213.5°, 84.2, 50.4	`hsl(213.5,84.2%,50.4%)`
HSV (or HSB)	213.5°, 90.6, 92.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.284, 19.266, -66.979
XYZ	21.568, 18.658, 81.057
xyY	0.178, 0.154, 18.658
CIE-LCH	50.284, 69.695, 286.048
CIE-LUV	50.284, -25.772, -104.594
Hunter-Lab	43.194, 13.54, -81.025
Binary	00010110, 01110100, 11101011

#1674eb
```
#1674eb rgb(22,116,235)
```
#eb8d16
```
#eb8d16 rgb(235,141,22)
```

Complementary Color

#16dfeb
```
#16dfeb rgb(22,223,235)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#2316eb
```
#2316eb rgb(35,22,235)
```

Analogous Color

#dfeb16
```
#dfeb16 rgb(223,235,22)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#eb2316
```
#eb2316 rgb(235,35,22)
```

Split Complementary Color

#74eb16
```
#74eb16 rgb(116,235,22)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#eb1674
```
#eb1674 rgb(235,22,116)
```

Triadic Color

#16eb8d
```
#16eb8d rgb(22,235,141)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#eb1674
```
#eb1674 rgb(235,22,116)
```
#eb8d16
```
#eb8d16 rgb(235,141,22)
```

Tetradic Color

#0e51a6
```
#0e51a6 rgb(14,81,166)
```
#105dbe
```
#105dbe rgb(16,93,190)
```
#1268d5
```
#1268d5 rgb(18,104,213)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#2d82ed
```
#2d82ed rgb(45,130,237)
```
#4590ef
```
#4590ef rgb(69,144,239)
```
#5c9ef1
```
#5c9ef1 rgb(92,158,241)
```

Monochromatic Color

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

#16a9eb
```
#16a9eb rgb(22,169,235)
```
#1698eb
```
#1698eb rgb(22,152,235)
```
#1686eb
```
#1686eb rgb(22,134,235)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#1662eb
```
#1662eb rgb(22,98,235)
```
#1651eb
```
#1651eb rgb(22,81,235)
```
#163feb
```
#163feb rgb(22,63,235)
```

Similar Colors

Text with hexadecimal color #1674eb

This text has a font color of #1674eb.

<span style="color:#1674eb;">Text here</span>

#1674eb background color

This paragraph has a background color of #1674eb.

<p style="background-color:#1674eb;">Content here</p>

#1674eb border color

This element has a border color of #1674eb.

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

CSS codes

.text {color:#1674eb;}

.background {background-color:#1674eb;}

.border {border:1px solid #1674eb;}

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, #000102 is the darkest color, while #eff5fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020a14
```
#020a14 rgb(2,10,20)
```
#031326
```
#031326 rgb(3,19,38)
```
#051b38
```
#051b38 rgb(5,27,56)
```
#06244a
```
#06244a rgb(6,36,74)
```
#082d5c
```
#082d5c rgb(8,45,92)
```
#09366e
```
#09366e rgb(9,54,110)
```
#0b3f80
```
#0b3f80 rgb(11,63,128)
```
#0d4892
```
#0d4892 rgb(13,72,146)
```
#0e50a4
```
#0e50a4 rgb(14,80,164)
```
#1059b6
```
#1059b6 rgb(16,89,182)
```
#1162c9
```
#1162c9 rgb(17,98,201)
```
#136bdb
```
#136bdb rgb(19,107,219)
```

Shade Color Variation

#1674eb
```
#1674eb rgb(22,116,235)
```
#287fed
```
#287fed rgb(40,127,237)
```
#3a8aee
```
#3a8aee rgb(58,138,238)
```
#4c94f0
```
#4c94f0 rgb(76,148,240)
```
#5e9ff1
```
#5e9ff1 rgb(94,159,241)
```
#70aaf3
```
#70aaf3 rgb(112,170,243)
```
#82b5f4
```
#82b5f4 rgb(130,181,244)
```
#94bff6
```
#94bff6 rgb(148,191,246)
```
#a7caf7
```
#a7caf7 rgb(167,202,247)
```
#b9d5f9
```
#b9d5f9 rgb(185,213,249)
```
#cbe0fb
```
#cbe0fb rgb(203,224,251)
```
#ddebfc
```
#ddebfc rgb(221,235,252)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

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

#777f8a
```
#777f8a rgb(119,127,138)
```
#6e7e93
```
#6e7e93 rgb(110,126,147)
```
#647d9d
```
#647d9d rgb(100,125,157)
```
#5a7ca7
```
#5a7ca7 rgb(90,124,167)
```
#507bb1
```
#507bb1 rgb(80,123,177)
```
#477aba
```
#477aba rgb(71,122,186)
```
#3d79c4
```
#3d79c4 rgb(61,121,196)
```
#3377ce
```
#3377ce rgb(51,119,206)
```
#2976d8
```
#2976d8 rgb(41,118,216)
```
#2075e1
```
#2075e1 rgb(32,117,225)
```
#1674eb
```
#1674eb rgb(22,116,235)
```
#0c73f5
```
#0c73f5 rgb(12,115,245)
```
#0372fe
```
#0372fe rgb(3,114,254)
```

Tone Color Variation

Below, you can see how #1674eb 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

#656565 Achromatopsia 0.005% of the population
#556880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#297aeb Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#2278eb Protanomaly 1% of men, 0.01% of women
#087cdc Deuteranomaly 6% of men, 0.4% of women
#0882b3 Tritanomaly 0.01% of the population

#1674eb hex color

#1674eb Color Information

#1674eb Color Conversion

Color Schemes with #1674eb

Alternatives to #1674eb

#1674eb Preview

Shades and Tints of #1674eb

Tones of #1674eb

Color Blindness Simulator