#2123ff hex color

In a RGB color space, hex #2123ff is composed of 12.9% red, 13.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 86.3% magenta, 0% yellow and 0% black. It has a hue angle of 239.5 degrees, a saturation of 100% and a lightness of 56.5%. #2123ff color hex could be obtained by blending #4246ff with #0000ff. Closest websafe color is: #3333ff.

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

● #2123ff color description : Vivid blue.

The hexadecimal color #2123ff has RGB values of R:33, G:35, B:255 and CMYK values of C:0.87, M:0.86, Y:0, K:0. Its decimal value is 2171903.

Hex triplet	2123ff	`#2123ff`
RGB Decimal	33, 35, 255	`rgb(33,35,255)`
RGB Percent	12.9, 13.7, 100	`rgb(12.9%,13.7%,100%)`
CMYK	87, 86, 0, 0
HSL	239.5°, 100, 56.5	`hsl(239.5,100%,56.5%)`
HSV (or HSB)	239.5°, 87.1, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.487, 71.83, -102.524
XYZ	19.275, 8.744, 95.274
xyY	0.156, 0.071, 8.744
CIE-LCH	35.487, 125.183, 305.016
CIE-LUV	35.487, -9.74, -132.838
Hunter-Lab	29.57, 64.603, -170.331
Binary	00100001, 00100011, 11111111

#2123ff
```
#2123ff rgb(33,35,255)
```
#fffd21
```
#fffd21 rgb(255,253,33)
```

Complementary Color

#2192ff
```
#2192ff rgb(33,146,255)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#8e21ff
```
#8e21ff rgb(142,33,255)
```

Analogous Color

#92ff21
```
#92ff21 rgb(146,255,33)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#ff8e21
```
#ff8e21 rgb(255,142,33)
```

Split Complementary Color

#23ff21
```
#23ff21 rgb(35,255,33)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#ff2123
```
#ff2123 rgb(255,33,35)
```

Triadic Color

#21fffd
```
#21fffd rgb(33,255,253)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#ff2123
```
#ff2123 rgb(255,33,35)
```
#fffd21
```
#fffd21 rgb(255,253,33)
```

Tetradic Color

#0002d4
```
#0002d4 rgb(0,2,212)
```
#0002ed
```
#0002ed rgb(0,2,237)
```
#070aff
```
#070aff rgb(7,10,255)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#3b3cff
```
#3b3cff rgb(59,60,255)
```
#5456ff
```
#5456ff rgb(84,86,255)
```
#6e6fff
```
#6e6fff rgb(110,111,255)
```

Monochromatic Color

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

#215bff
```
#215bff rgb(33,91,255)
```
#2148ff
```
#2148ff rgb(33,72,255)
```
#2136ff
```
#2136ff rgb(33,54,255)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#3121ff
```
#3121ff rgb(49,33,255)
```
#4421ff
```
#4421ff rgb(68,33,255)
```
#5621ff
```
#5621ff rgb(86,33,255)
```

Similar Colors

Text with hexadecimal color #2123ff

This text has a font color of #2123ff.

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

#2123ff background color

This paragraph has a background color of #2123ff.

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

#2123ff border color

This element has a border color of #2123ff.

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

CSS codes

.text {color:#2123ff;}

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

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

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, #00000d is the darkest color, while #f9f9ff is the lightest one.

#00000d
```
#00000d rgb(0,0,13)
```
#000021
```
#000021 rgb(0,0,33)
```
#000035
```
#000035 rgb(0,0,53)
```
#000148
```
#000148 rgb(0,1,72)
```
#00015c
```
#00015c rgb(0,1,92)
```
#00016f
```
#00016f rgb(0,1,111)
```
#000183
```
#000183 rgb(0,1,131)
```
#000197
```
#000197 rgb(0,1,151)
```
#0002aa
```
#0002aa rgb(0,2,170)
```
#0002be
```
#0002be rgb(0,2,190)
```
#0002d2
```
#0002d2 rgb(0,2,210)
```
#0002e5
```
#0002e5 rgb(0,2,229)
```
#0002f9
```
#0002f9 rgb(0,2,249)
```

Shade Color Variation

#0d10ff
```
#0d10ff rgb(13,16,255)
```
#2123ff
```
#2123ff rgb(33,35,255)
```
#3536ff
```
#3536ff rgb(53,54,255)
```
#484aff
```
#484aff rgb(72,74,255)
```
#5c5dff
```
#5c5dff rgb(92,93,255)
```
#6f71ff
```
#6f71ff rgb(111,113,255)
```
#8384ff
```
#8384ff rgb(131,132,255)
```
#9798ff
```
#9798ff rgb(151,152,255)
```
#aaabff
```
#aaabff rgb(170,171,255)
```
#bebfff
```
#bebfff rgb(190,191,255)
```
#d2d2ff
```
#d2d2ff rgb(210,210,255)
```
#e5e5ff
```
#e5e5ff rgb(229,229,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#878899
```
#878899 rgb(135,136,153)
```
#7f7fa1
```
#7f7fa1 rgb(127,127,161)
```
#7677aa
```
#7677aa rgb(118,119,170)
```
#6e6eb2
```
#6e6eb2 rgb(110,110,178)
```
#6566bb
```
#6566bb rgb(101,102,187)
```
#5d5ec3
```
#5d5ec3 rgb(93,94,195)
```
#5455cc
```
#5455cc rgb(84,85,204)
```
#4c4dd4
```
#4c4dd4 rgb(76,77,212)
```
#4345dd
```
#4345dd rgb(67,69,221)
```
#3b3ce5
```
#3b3ce5 rgb(59,60,229)
```
#3234ee
```
#3234ee rgb(50,52,238)
```
#2a2bf6
```
#2a2bf6 rgb(42,43,246)
```
#2123ff
```
#2123ff rgb(33,35,255)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#363662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#0c45cb Protanomaly 1% of men, 0.01% of women
#0c49bc Deuteranomaly 6% of men, 0.4% of women
#0c4da0 Tritanomaly 0.01% of the population

#2123ff hex color

#2123ff Color Information

#2123ff Color Conversion

Color Schemes with #2123ff

Alternatives to #2123ff

#2123ff Preview

Shades and Tints of #2123ff

Tones of #2123ff

Color Blindness Simulator