#1674fb hex color

In a RGB color space, hex #1674fb is composed of 8.6% red, 45.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 53.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 215.4 degrees, a saturation of 96.6% and a lightness of 53.5%. #1674fb color hex could be obtained by blending #2ce8ff with #0000f7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 45
- B 98
RGB color chart
- C 91
- M 54
- Y 0
- K 2
CMYK color chart

● #1674fb color description : Vivid blue.

The hexadecimal color #1674fb has RGB values of R:22, G:116, B:251 and CMYK values of C:0.91, M:0.54, Y:0, K:0.02. Its decimal value is 1471739.

Hex triplet	1674fb	`#1674fb`
RGB Decimal	22, 116, 251	`rgb(22,116,251)`
RGB Percent	8.6, 45.5, 98.4	`rgb(8.6%,45.5%,98.4%)`
CMYK	91, 54, 0, 2
HSL	215.4°, 96.6, 53.5	`hsl(215.4,96.6%,53.5%)`
HSV (or HSB)	215.4°, 91.2, 98.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.41, 25.404, -74.069
XYZ	23.985, 19.624, 93.785
xyY	0.175, 0.143, 19.624
CIE-LCH	51.41, 78.304, 288.931
CIE-LUV	51.41, -25.304, -116.173
Hunter-Lab	44.299, 19.122, -94.512
Binary	00010110, 01110100, 11111011

#1674fb
```
#1674fb rgb(22,116,251)
```
#fb9d16
```
#fb9d16 rgb(251,157,22)
```

Complementary Color

#16e7fb
```
#16e7fb rgb(22,231,251)
```
#1674fb
```
#1674fb rgb(22,116,251)
```
#2b16fb
```
#2b16fb rgb(43,22,251)
```

Analogous Color

#e7fb16
```
#e7fb16 rgb(231,251,22)
```
#1674fb
```
#1674fb rgb(22,116,251)
```
#fb2b16
```
#fb2b16 rgb(251,43,22)
```

Split Complementary Color

#74fb16
```
#74fb16 rgb(116,251,22)
```
#1674fb
```
#1674fb rgb(22,116,251)
```
#fb1674
```
#fb1674 rgb(251,22,116)
```

Triadic Color

#16fb9d
```
#16fb9d rgb(22,251,157)
```
#1674fb
```
#1674fb rgb(22,116,251)
```
#fb1674
```
#fb1674 rgb(251,22,116)
```
#fb9d16
```
#fb9d16 rgb(251,157,22)
```

Tetradic Color

#0351c1
```
#0351c1 rgb(3,81,193)
```
#045cda
```
#045cda rgb(4,92,218)
```
#0466f3
```
#0466f3 rgb(4,102,243)
```
#1674fb
```
#1674fb rgb(22,116,251)
```
#2f83fb
```
#2f83fb rgb(47,131,251)
```
#4892fc
```
#4892fc rgb(72,146,252)
```
#61a1fc
```
#61a1fc rgb(97,161,252)
```

Monochromatic Color

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

#16adfb
```
#16adfb rgb(22,173,251)
```
#169afb
```
#169afb rgb(22,154,251)
```
#1687fb
```
#1687fb rgb(22,135,251)
```
#1674fb
```
#1674fb rgb(22,116,251)
```
#1661fb
```
#1661fb rgb(22,97,251)
```
#164efb
```
#164efb rgb(22,78,251)
```
#163bfb
```
#163bfb rgb(22,59,251)
```

Similar Colors

Text with hexadecimal color #1674fb

This text has a font color of #1674fb.

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

#1674fb background color

This paragraph has a background color of #1674fb.

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

#1674fb border color

This element has a border color of #1674fb.

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

CSS codes

.text {color:#1674fb;}

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

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

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

#000712
```
#000712 rgb(0,7,18)
```
#011025
```
#011025 rgb(1,16,37)
```
#011838
```
#011838 rgb(1,24,56)
```
#01204c
```
#01204c rgb(1,32,76)
```
#02285f
```
#02285f rgb(2,40,95)
```
#023072
```
#023072 rgb(2,48,114)
```
#023885
```
#023885 rgb(2,56,133)
```
#034099
```
#034099 rgb(3,64,153)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#0350bf
```
#0350bf rgb(3,80,191)
```
#0459d3
```
#0459d3 rgb(4,89,211)
```
#0461e6
```
#0461e6 rgb(4,97,230)
```
#0469f9
```
#0469f9 rgb(4,105,249)
```

Shade Color Variation

#1674fb
```
#1674fb rgb(22,116,251)
```
#2980fb
```
#2980fb rgb(41,128,251)
```
#3d8bfc
```
#3d8bfc rgb(61,139,252)
```
#5097fc
```
#5097fc rgb(80,151,252)
```
#63a2fc
```
#63a2fc rgb(99,162,252)
```
#76aefd
```
#76aefd rgb(118,174,253)
```
#8ab9fd
```
#8ab9fd rgb(138,185,253)
```
#9dc5fd
```
#9dc5fd rgb(157,197,253)
```
#b0d0fe
```
#b0d0fe rgb(176,208,254)
```
#c4dcfe
```
#c4dcfe rgb(196,220,254)
```
#d7e7fe
```
#d7e7fe rgb(215,231,254)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83888e is the less saturated color, while #1674fb is the most saturated one.

#83888e
```
#83888e rgb(131,136,142)
```
#7a8697
```
#7a8697 rgb(122,134,151)
```
#7184a0
```
#7184a0 rgb(113,132,160)
```
#6883a9
```
#6883a9 rgb(104,131,169)
```
#5f81b2
```
#5f81b2 rgb(95,129,178)
```
#567fbb
```
#567fbb rgb(86,127,187)
```
#4d7ec4
```
#4d7ec4 rgb(77,126,196)
```
#447ccd
```
#447ccd rgb(68,124,205)
```
#3a7bd7
```
#3a7bd7 rgb(58,123,215)
```
#3179e0
```
#3179e0 rgb(49,121,224)
```
#2877e9
```
#2877e9 rgb(40,119,233)
```
#1f76f2
```
#1f76f2 rgb(31,118,242)
```
#1674fb
```
#1674fb rgb(22,116,251)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#576a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008e95 Tritanopia 0.001% of the population

Trichromacy

#0879f7 Protanomaly 1% of men, 0.01% of women
#087ee4 Deuteranomaly 6% of men, 0.4% of women
#0884ba Tritanomaly 0.01% of the population

#1674fb hex color

#1674fb Color Information

#1674fb Color Conversion

Color Schemes with #1674fb

Alternatives to #1674fb

#1674fb Preview

Shades and Tints of #1674fb

Tones of #1674fb

Color Blindness Simulator