#221bff hex color

In a RGB color space, hex #221bff is composed of 13.3% red, 10.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 89.4% magenta, 0% yellow and 0% black. It has a hue angle of 241.8 degrees, a saturation of 100% and a lightness of 55.3%. #221bff color hex could be obtained by blending #4436ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 11
- B 100
RGB color chart
- C 87
- M 89
- Y 0
- K 0
CMYK color chart

● #221bff color description : Vivid blue.

The hexadecimal color #221bff has RGB values of R:34, G:27, B:255 and CMYK values of C:0.87, M:0.89, Y:0, K:0. Its decimal value is 2235391.

Hex triplet	221bff	`#221bff`
RGB Decimal	34, 27, 255	`rgb(34,27,255)`
RGB Percent	13.3, 10.6, 100	`rgb(13.3%,10.6%,100%)`
CMYK	87, 89, 0, 0
HSL	241.8°, 100, 55.3	`hsl(241.8,100%,55.3%)`
HSV (or HSB)	241.8°, 89.4, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.686, 74.38, -103.858
XYZ	19.098, 8.343, 95.206
xyY	0.156, 0.068, 8.343
CIE-LCH	34.686, 127.745, 305.609
CIE-LUV	34.686, -9.074, -132.42
Hunter-Lab	28.883, 67.48, -175.214
Binary	00100010, 00011011, 11111111

#221bff
```
#221bff rgb(34,27,255)
```
#f8ff1b
```
#f8ff1b rgb(248,255,27)
```

Complementary Color

#1b86ff
```
#1b86ff rgb(27,134,255)
```
#221bff
```
#221bff rgb(34,27,255)
```
#941bff
```
#941bff rgb(148,27,255)
```

Analogous Color

#86ff1b
```
#86ff1b rgb(134,255,27)
```
#221bff
```
#221bff rgb(34,27,255)
```
#ff941b
```
#ff941b rgb(255,148,27)
```

Split Complementary Color

#1bff22
```
#1bff22 rgb(27,255,34)
```
#221bff
```
#221bff rgb(34,27,255)
```
#ff221b
```
#ff221b rgb(255,34,27)
```

Triadic Color

#1bf8ff
```
#1bf8ff rgb(27,248,255)
```
#221bff
```
#221bff rgb(34,27,255)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#f8ff1b
```
#f8ff1b rgb(248,255,27)
```

Tetradic Color

#0600ce
```
#0600ce rgb(6,0,206)
```
#0700e7
```
#0700e7 rgb(7,0,231)
```
#0901ff
```
#0901ff rgb(9,1,255)
```
#221bff
```
#221bff rgb(34,27,255)
```
#3b35ff
```
#3b35ff rgb(59,53,255)
```
#534eff
```
#534eff rgb(83,78,255)
```
#6c68ff
```
#6c68ff rgb(108,104,255)
```

Monochromatic Color

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

#1b4dff
```
#1b4dff rgb(27,77,255)
```
#1b3aff
```
#1b3aff rgb(27,58,255)
```
#1b27ff
```
#1b27ff rgb(27,39,255)
```
#221bff
```
#221bff rgb(34,27,255)
```
#351bff
```
#351bff rgb(53,27,255)
```
#481bff
```
#481bff rgb(72,27,255)
```
#5b1bff
```
#5b1bff rgb(91,27,255)
```

Similar Colors

Text with hexadecimal color #221bff

This text has a font color of #221bff.

<span style="color:#221bff;">Text here</span>

#221bff background color

This paragraph has a background color of #221bff.

<p style="background-color:#221bff;">Content here</p>

#221bff border color

This element has a border color of #221bff.

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

CSS codes

.text {color:#221bff;}

.background {background-color:#221bff;}

.border {border:1px solid #221bff;}

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

#000007
```
#000007 rgb(0,0,7)
```
#01001b
```
#01001b rgb(1,0,27)
```
#01002f
```
#01002f rgb(1,0,47)
```
#020042
```
#020042 rgb(2,0,66)
```
#030056
```
#030056 rgb(3,0,86)
```
#030069
```
#030069 rgb(3,0,105)
```
#04007d
```
#04007d rgb(4,0,125)
```
#040091
```
#040091 rgb(4,0,145)
```
#0500a4
```
#0500a4 rgb(5,0,164)
```
#0600b8
```
#0600b8 rgb(6,0,184)
```
#0600cc
```
#0600cc rgb(6,0,204)
```
#0700df
```
#0700df rgb(7,0,223)
```
#0700f3
```
#0700f3 rgb(7,0,243)
```

Shade Color Variation

#0f07ff
```
#0f07ff rgb(15,7,255)
```
#221bff
```
#221bff rgb(34,27,255)
```
#352fff
```
#352fff rgb(53,47,255)
```
#4842ff
```
#4842ff rgb(72,66,255)
```
#5b56ff
```
#5b56ff rgb(91,86,255)
```
#6e69ff
```
#6e69ff rgb(110,105,255)
```
#817dff
```
#817dff rgb(129,125,255)
```
#9491ff
```
#9491ff rgb(148,145,255)
```
#a7a4ff
```
#a7a4ff rgb(167,164,255)
```
#bab8ff
```
#bab8ff rgb(186,184,255)
```
#cdccff
```
#cdccff rgb(205,204,255)
```
#e0dfff
```
#e0dfff rgb(224,223,255)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858496 is the less saturated color, while #221bff is the most saturated one.

#858496
```
#858496 rgb(133,132,150)
```
#7d7b9f
```
#7d7b9f rgb(125,123,159)
```
#7473a7
```
#7473a7 rgb(116,115,167)
```
#6c6ab0
```
#6c6ab0 rgb(108,106,176)
```
#6461b9
```
#6461b9 rgb(100,97,185)
```
#5c58c2
```
#5c58c2 rgb(92,88,194)
```
#5350ca
```
#5350ca rgb(83,80,202)
```
#4b47d3
```
#4b47d3 rgb(75,71,211)
```
#433edc
```
#433edc rgb(67,62,220)
```
#3b35e5
```
#3b35e5 rgb(59,53,229)
```
#322ded
```
#322ded rgb(50,45,237)
```
#2a24f6
```
#2a24f6 rgb(42,36,246)
```
#221bff
```
#221bff rgb(34,27,255)
```

Tone Color Variation

Below, you can see how #221bff 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
#33315f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0c41c9 Protanomaly 1% of men, 0.01% of women
#0c45ba Deuteranomaly 6% of men, 0.4% of women
#0c499e Tritanomaly 0.01% of the population

#221bff hex color

#221bff Color Information

#221bff Color Conversion

Color Schemes with #221bff

Alternatives to #221bff

#221bff Preview

Shades and Tints of #221bff

Tones of #221bff

Color Blindness Simulator