#2115ff hex color

In a RGB color space, hex #2115ff is composed of 12.9% red, 8.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 91.8% magenta, 0% yellow and 0% black. It has a hue angle of 243.1 degrees, a saturation of 100% and a lightness of 54.1%. #2115ff color hex could be obtained by blending #422aff with #0000ff. Closest websafe color is: #3300ff.

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

● #2115ff color description : Vivid blue.

The hexadecimal color #2115ff has RGB values of R:33, G:21, B:255 and CMYK values of C:0.87, M:0.92, Y:0, K:0. Its decimal value is 2168319.

Hex triplet	2115ff	`#2115ff`
RGB Decimal	33, 21, 255	`rgb(33,21,255)`
RGB Percent	12.9, 8.2, 100	`rgb(12.9%,8.2%,100%)`
CMYK	87, 92, 0, 0
HSL	243.1°, 100, 54.1	`hsl(243.1,100%,54.1%)`
HSV (or HSB)	243.1°, 91.8, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.145, 75.911, -104.762
XYZ	18.942, 8.078, 95.163
xyY	0.155, 0.066, 8.078
CIE-LCH	34.145, 129.374, 305.927
CIE-LUV	34.145, -8.797, -132.062
Hunter-Lab	28.422, 69.221, -178.618
Binary	00100001, 00010101, 11111111

#2115ff
```
#2115ff rgb(33,21,255)
```
#f3ff15
```
#f3ff15 rgb(243,255,21)
```

Complementary Color

#157eff
```
#157eff rgb(21,126,255)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#9615ff
```
#9615ff rgb(150,21,255)
```

Analogous Color

#7eff15
```
#7eff15 rgb(126,255,21)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#ff9615
```
#ff9615 rgb(255,150,21)
```

Split Complementary Color

#15ff21
```
#15ff21 rgb(21,255,33)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#ff2115
```
#ff2115 rgb(255,33,21)
```

Triadic Color

#15f3ff
```
#15f3ff rgb(21,243,255)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#ff2115
```
#ff2115 rgb(255,33,21)
```
#f3ff15
```
#f3ff15 rgb(243,255,21)
```

Tetradic Color

#0a00c8
```
#0a00c8 rgb(10,0,200)
```
#0c00e1
```
#0c00e1 rgb(12,0,225)
```
#0d00fb
```
#0d00fb rgb(13,0,251)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#392fff
```
#392fff rgb(57,47,255)
```
#5148ff
```
#5148ff rgb(81,72,255)
```
#6a62ff
```
#6a62ff rgb(106,98,255)
```

Monochromatic Color

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

#1544ff
```
#1544ff rgb(21,68,255)
```
#1530ff
```
#1530ff rgb(21,48,255)
```
#151dff
```
#151dff rgb(21,29,255)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#3515ff
```
#3515ff rgb(53,21,255)
```
#4815ff
```
#4815ff rgb(72,21,255)
```
#5c15ff
```
#5c15ff rgb(92,21,255)
```

Similar Colors

Text with hexadecimal color #2115ff

This text has a font color of #2115ff.

<span style="color:#2115ff;">Text here</span>

#2115ff background color

This paragraph has a background color of #2115ff.

<p style="background-color:#2115ff;">Content here</p>

#2115ff border color

This element has a border color of #2115ff.

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

CSS codes

.text {color:#2115ff;}

.background {background-color:#2115ff;}

.border {border:1px solid #2115ff;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010015
```
#010015 rgb(1,0,21)
```
#020029
```
#020029 rgb(2,0,41)
```
#03003c
```
#03003c rgb(3,0,60)
```
#040050
```
#040050 rgb(4,0,80)
```
#050063
```
#050063 rgb(5,0,99)
```
#060077
```
#060077 rgb(6,0,119)
```
#07008b
```
#07008b rgb(7,0,139)
```
#08009e
```
#08009e rgb(8,0,158)
```
#0900b2
```
#0900b2 rgb(9,0,178)
```
#0a00c6
```
#0a00c6 rgb(10,0,198)
```
#0b00d9
```
#0b00d9 rgb(11,0,217)
```
#0c00ed
```
#0c00ed rgb(12,0,237)
```

Shade Color Variation

#0e01ff
```
#0e01ff rgb(14,1,255)
```
#2115ff
```
#2115ff rgb(33,21,255)
```
#3429ff
```
#3429ff rgb(52,41,255)
```
#463cff
```
#463cff rgb(70,60,255)
```
#5950ff
```
#5950ff rgb(89,80,255)
```
#6b63ff
```
#6b63ff rgb(107,99,255)
```
#7e77ff
```
#7e77ff rgb(126,119,255)
```
#918bff
```
#918bff rgb(145,139,255)
```
#a39eff
```
#a39eff rgb(163,158,255)
```
#b6b2ff
```
#b6b2ff rgb(182,178,255)
```
#c8c6ff
```
#c8c6ff rgb(200,198,255)
```
#dbd9ff
```
#dbd9ff rgb(219,217,255)
```
#eeedff
```
#eeedff rgb(238,237,255)
```

Tint Color Variation

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

#828193
```
#828193 rgb(130,129,147)
```
#7a789c
```
#7a789c rgb(122,120,156)
```
#726fa5
```
#726fa5 rgb(114,111,165)
```
#6a66ae
```
#6a66ae rgb(106,102,174)
```
#625db7
```
#625db7 rgb(98,93,183)
```
#5a54c0
```
#5a54c0 rgb(90,84,192)
```
#514bc9
```
#514bc9 rgb(81,75,201)
```
#4942d2
```
#4942d2 rgb(73,66,210)
```
#4139db
```
#4139db rgb(65,57,219)
```
#3930e4
```
#3930e4 rgb(57,48,228)
```
#3127ed
```
#3127ed rgb(49,39,237)
```
#291ef6
```
#291ef6 rgb(41,30,246)
```
#2115ff
```
#2115ff rgb(33,21,255)
```

Tone Color Variation

Below, you can see how #2115ff 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

#333333 Achromatopsia 0.005% of the population
#2f2d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0c3ec7 Protanomaly 1% of men, 0.01% of women
#0c42b9 Deuteranomaly 6% of men, 0.4% of women
#0c469d Tritanomaly 0.01% of the population

#2115ff hex color

#2115ff Color Information

#2115ff Color Conversion

Color Schemes with #2115ff

Alternatives to #2115ff

#2115ff Preview

Shades and Tints of #2115ff

Tones of #2115ff

Color Blindness Simulator