#1522fb hex color

In a RGB color space, hex #1522fb is composed of 8.2% red, 13.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 86.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 236.6 degrees, a saturation of 96.6% and a lightness of 53.3%. #1522fb color hex could be obtained by blending #2a44ff with #0000f7. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 13
- B 98
RGB color chart
- C 92
- M 86
- Y 0
- K 2
CMYK color chart

● #1522fb color description : Vivid blue.

The hexadecimal color #1522fb has RGB values of R:21, G:34, B:251 and CMYK values of C:0.92, M:0.86, Y:0, K:0.02. Its decimal value is 1385211.

Hex triplet	1522fb	`#1522fb`
RGB Decimal	21, 34, 251	`rgb(21,34,251)`
RGB Percent	8.2, 13.3, 98.4	`rgb(8.2%,13.3%,98.4%)`
CMYK	92, 86, 0, 2
HSL	236.6°, 96.6, 53.3	`hsl(236.6,96.6%,53.3%)`
HSV (or HSB)	236.6°, 91.6, 98.4
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.533, 70.853, -101.878
XYZ	18.29, 8.267, 91.893
xyY	0.154, 0.07, 8.267
CIE-LCH	34.533, 124.094, 304.817
CIE-LUV	34.533, -10.237, -130.336
Hunter-Lab	28.753, 63.232, -169.364
Binary	00010101, 00100010, 11111011

#1522fb
```
#1522fb rgb(21,34,251)
```
#fbee15
```
#fbee15 rgb(251,238,21)
```

Complementary Color

#1595fb
```
#1595fb rgb(21,149,251)
```
#1522fb
```
#1522fb rgb(21,34,251)
```
#7b15fb
```
#7b15fb rgb(123,21,251)
```

Analogous Color

#95fb15
```
#95fb15 rgb(149,251,21)
```
#1522fb
```
#1522fb rgb(21,34,251)
```
#fb7b15
```
#fb7b15 rgb(251,123,21)
```

Split Complementary Color

#22fb15
```
#22fb15 rgb(34,251,21)
```
#1522fb
```
#1522fb rgb(21,34,251)
```
#fb1522
```
#fb1522 rgb(251,21,34)
```

Triadic Color

#15fbee
```
#15fbee rgb(21,251,238)
```
#1522fb
```
#1522fb rgb(21,34,251)
```
#fb1522
```
#fb1522 rgb(251,21,34)
```
#fbee15
```
#fbee15 rgb(251,238,21)
```

Tetradic Color

#030ec0
```
#030ec0 rgb(3,14,192)
```
#0410d9
```
#0410d9 rgb(4,16,217)
```
#0412f2
```
#0412f2 rgb(4,18,242)
```
#1522fb
```
#1522fb rgb(21,34,251)
```
#2e3afb
```
#2e3afb rgb(46,58,251)
```
#4751fc
```
#4751fc rgb(71,81,252)
```
#6069fc
```
#6069fc rgb(96,105,252)
```

Monochromatic Color

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

#155cfb
```
#155cfb rgb(21,92,251)
```
#1548fb
```
#1548fb rgb(21,72,251)
```
#1535fb
```
#1535fb rgb(21,53,251)
```
#1522fb
```
#1522fb rgb(21,34,251)
```
#1b15fb
```
#1b15fb rgb(27,21,251)
```
#2e15fb
```
#2e15fb rgb(46,21,251)
```
#4115fb
```
#4115fb rgb(65,21,251)
```

Similar Colors

Text with hexadecimal color #1522fb

This text has a font color of #1522fb.

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

#1522fb background color

This paragraph has a background color of #1522fb.

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

#1522fb border color

This element has a border color of #1522fb.

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

CSS codes

.text {color:#1522fb;}

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

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

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

#000111
```
#000111 rgb(0,1,17)
```
#010324
```
#010324 rgb(1,3,36)
```
#010437
```
#010437 rgb(1,4,55)
```
#01054b
```
#01054b rgb(1,5,75)
```
#02075e
```
#02075e rgb(2,7,94)
```
#020871
```
#020871 rgb(2,8,113)
```
#020a84
```
#020a84 rgb(2,10,132)
```
#030b98
```
#030b98 rgb(3,11,152)
```
#030cab
```
#030cab rgb(3,12,171)
```
#030ebe
```
#030ebe rgb(3,14,190)
```
#040fd2
```
#040fd2 rgb(4,15,210)
```
#0411e5
```
#0411e5 rgb(4,17,229)
```
#0412f8
```
#0412f8 rgb(4,18,248)
```

Shade Color Variation

#1522fb
```
#1522fb rgb(21,34,251)
```
#2834fb
```
#2834fb rgb(40,52,251)
```
#3c46fc
```
#3c46fc rgb(60,70,252)
```
#4f59fc
```
#4f59fc rgb(79,89,252)
```
#626bfc
```
#626bfc rgb(98,107,252)
```
#757dfd
```
#757dfd rgb(117,125,253)
```
#898ffd
```
#898ffd rgb(137,143,253)
```
#9ca2fd
```
#9ca2fd rgb(156,162,253)
```
#afb4fe
```
#afb4fe rgb(175,180,254)
```
#c3c6fe
```
#c3c6fe rgb(195,198,254)
```
#d6d8fe
```
#d6d8fe rgb(214,216,254)
```
#e9eaff
```
#e9eaff rgb(233,234,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#83838d
```
#83838d rgb(131,131,141)
```
#7a7b96
```
#7a7b96 rgb(122,123,150)
```
#71739f
```
#71739f rgb(113,115,159)
```
#676ba9
```
#676ba9 rgb(103,107,169)
```
#5e63b2
```
#5e63b2 rgb(94,99,178)
```
#555bbb
```
#555bbb rgb(85,91,187)
```
#4c53c4
```
#4c53c4 rgb(76,83,196)
```
#434bcd
```
#434bcd rgb(67,75,205)
```
#3a42d6
```
#3a42d6 rgb(58,66,214)
```
#303ae0
```
#303ae0 rgb(48,58,224)
```
#2732e9
```
#2732e9 rgb(39,50,233)
```
#1e2af2
```
#1e2af2 rgb(30,42,242)
```
#1522fb
```
#1522fb rgb(21,34,251)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#30335e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0744c7 Protanomaly 1% of men, 0.01% of women
#0747b8 Deuteranomaly 6% of men, 0.4% of women
#074b9c Tritanomaly 0.01% of the population

#1522fb hex color

#1522fb Color Information

#1522fb Color Conversion

Color Schemes with #1522fb

Alternatives to #1522fb

#1522fb Preview

Shades and Tints of #1522fb

Tones of #1522fb

Color Blindness Simulator