#2124f9 hex color

In a RGB color space, hex #2124f9 is composed of 12.9% red, 14.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 85.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 239.2 degrees, a saturation of 94.7% and a lightness of 55.3%. #2124f9 color hex could be obtained by blending #4248ff with #0000f3. Closest websafe color is: #3333ff.

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

● #2124f9 color description : Vivid blue.

The hexadecimal color #2124f9 has RGB values of R:33, G:36, B:249 and CMYK values of C:0.87, M:0.86, Y:0, K:0.02. Its decimal value is 2172153.

Hex triplet	2124f9	`#2124f9`
RGB Decimal	33, 36, 249	`rgb(33,36,249)`
RGB Percent	12.9, 14.1, 97.6	`rgb(12.9%,14.1%,97.6%)`
CMYK	87, 86, 0, 2
HSL	239.2°, 94.7, 55.3	`hsl(239.2,94.7%,55.3%)`
HSV (or HSB)	239.2°, 86.7, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.849, 69.821, -100.217
XYZ	18.354, 8.423, 90.276
xyY	0.157, 0.072, 8.423
CIE-LCH	34.849, 122.142, 304.865
CIE-LUV	34.849, -9.588, -129.523
Hunter-Lab	29.023, 62.09, -164.106
Binary	00100001, 00100100, 11111001

#2124f9
```
#2124f9 rgb(33,36,249)
```
#f9f621
```
#f9f621 rgb(249,246,33)
```

Complementary Color

#2190f9
```
#2190f9 rgb(33,144,249)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#8a21f9
```
#8a21f9 rgb(138,33,249)
```

Analogous Color

#90f921
```
#90f921 rgb(144,249,33)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#f98a21
```
#f98a21 rgb(249,138,33)
```

Split Complementary Color

#24f921
```
#24f921 rgb(36,249,33)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#f92124
```
#f92124 rgb(249,33,36)
```

Triadic Color

#21f9f6
```
#21f9f6 rgb(33,249,246)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#f92124
```
#f92124 rgb(249,33,36)
```
#f9f621
```
#f9f621 rgb(249,246,33)
```

Tetradic Color

#0508c8
```
#0508c8 rgb(5,8,200)
```
#0609e1
```
#0609e1 rgb(6,9,225)
```
#080cf8
```
#080cf8 rgb(8,12,248)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#3a3cfa
```
#3a3cfa rgb(58,60,250)
```
#5355fa
```
#5355fa rgb(83,85,250)
```
#6b6dfb
```
#6b6dfb rgb(107,109,251)
```

Monochromatic Color

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

#215af9
```
#215af9 rgb(33,90,249)
```
#2148f9
```
#2148f9 rgb(33,72,249)
```
#2136f9
```
#2136f9 rgb(33,54,249)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#3021f9
```
#3021f9 rgb(48,33,249)
```
#4221f9
```
#4221f9 rgb(66,33,249)
```
#5421f9
```
#5421f9 rgb(84,33,249)
```

Similar Colors

Text with hexadecimal color #2124f9

This text has a font color of #2124f9.

<span style="color:#2124f9;">Text here</span>

#2124f9 background color

This paragraph has a background color of #2124f9.

<p style="background-color:#2124f9;">Content here</p>

#2124f9 border color

This element has a border color of #2124f9.

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

CSS codes

.text {color:#2124f9;}

.background {background-color:#2124f9;}

.border {border:1px solid #2124f9;}

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)
```
#01011a
```
#01011a rgb(1,1,26)
```
#01022d
```
#01022d rgb(1,2,45)
```
#020340
```
#020340 rgb(2,3,64)
```
#020354
```
#020354 rgb(2,3,84)
```
#030467
```
#030467 rgb(3,4,103)
```
#03057a
```
#03057a rgb(3,5,122)
```
#04068d
```
#04068d rgb(4,6,141)
```
#0406a0
```
#0406a0 rgb(4,6,160)
```
#0507b3
```
#0507b3 rgb(5,7,179)
```
#0508c6
```
#0508c6 rgb(5,8,198)
```
#0609d9
```
#0609d9 rgb(6,9,217)
```
#060aec
```
#060aec rgb(6,10,236)
```

Shade Color Variation

#0e11f8
```
#0e11f8 rgb(14,17,248)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```
#3437fa
```
#3437fa rgb(52,55,250)
```
#474afa
```
#474afa rgb(71,74,250)
```
#5a5dfb
```
#5a5dfb rgb(90,93,251)
```
#6d6ffb
```
#6d6ffb rgb(109,111,251)
```
#8082fc
```
#8082fc rgb(128,130,252)
```
#9495fc
```
#9495fc rgb(148,149,252)
```
#a7a8fd
```
#a7a8fd rgb(167,168,253)
```
#babbfd
```
#babbfd rgb(186,187,253)
```
#cdcefe
```
#cdcefe rgb(205,206,254)
```
#e0e0fe
```
#e0e0fe rgb(224,224,254)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a90 is the less saturated color, while #2124f9 is the most saturated one.

#8a8a90
```
#8a8a90 rgb(138,138,144)
```
#818299
```
#818299 rgb(129,130,153)
```
#7979a1
```
#7979a1 rgb(121,121,161)
```
#7071aa
```
#7071aa rgb(112,113,170)
```
#6768b3
```
#6768b3 rgb(103,104,179)
```
#5e60bc
```
#5e60bc rgb(94,96,188)
```
#5657c4
```
#5657c4 rgb(86,87,196)
```
#4d4fcd
```
#4d4fcd rgb(77,79,205)
```
#4446d6
```
#4446d6 rgb(68,70,214)
```
#3b3edf
```
#3b3edf rgb(59,62,223)
```
#3335e7
```
#3335e7 rgb(51,53,231)
```
#2a2df0
```
#2a2df0 rgb(42,45,240)
```
#2124f9
```
#2124f9 rgb(33,36,249)
```

Tone Color Variation

Below, you can see how #2124f9 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
#363661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0c45c7 Protanomaly 1% of men, 0.01% of women
#0c48b8 Deuteranomaly 6% of men, 0.4% of women
#0c4c9c Tritanomaly 0.01% of the population

#2124f9 hex color

#2124f9 Color Information

#2124f9 Color Conversion

Color Schemes with #2124f9

Alternatives to #2124f9

#2124f9 Preview

Shades and Tints of #2124f9

Tones of #2124f9

Color Blindness Simulator