#2138f5 hex color

In a RGB color space, hex #2138f5 is composed of 12.9% red, 22% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 77.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 233.5 degrees, a saturation of 91.4% and a lightness of 54.5%. #2138f5 color hex could be obtained by blending #4270ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 22
- B 96
RGB color chart
- C 87
- M 77
- Y 0
- K 4
CMYK color chart

● #2138f5 color description : Vivid blue.

The hexadecimal color #2138f5 has RGB values of R:33, G:56, B:245 and CMYK values of C:0.87, M:0.77, Y:0, K:0.04. Its decimal value is 2177269.

Hex triplet	2138f5	`#2138f5`
RGB Decimal	33, 56, 245	`rgb(33,56,245)`
RGB Percent	12.9, 22, 96.1	`rgb(12.9%,22%,96.1%)`
CMYK	87, 77, 0, 4
HSL	233.5°, 91.4, 54.5	`hsl(233.5,91.4%,54.5%)`
HSV (or HSB)	233.5°, 86.5, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.377, 59.795, -93.762
XYZ	18.519, 9.743, 87.286
xyY	0.16, 0.084, 9.743
CIE-LCH	37.377, 111.206, 302.527
CIE-LUV	37.377, -11.739, -127.671
Hunter-Lab	31.214, 51.283, -143.949
Binary	00100001, 00111000, 11110101

#2138f5
```
#2138f5 rgb(33,56,245)
```
#f5de21
```
#f5de21 rgb(245,222,33)
```

Complementary Color

#21a2f5
```
#21a2f5 rgb(33,162,245)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#7421f5
```
#7421f5 rgb(116,33,245)
```

Analogous Color

#a2f521
```
#a2f521 rgb(162,245,33)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#f57421
```
#f57421 rgb(245,116,33)
```

Split Complementary Color

#38f521
```
#38f521 rgb(56,245,33)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#f52138
```
#f52138 rgb(245,33,56)
```

Triadic Color

#21f5de
```
#21f5de rgb(33,245,222)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#f52138
```
#f52138 rgb(245,33,56)
```
#f5de21
```
#f5de21 rgb(245,222,33)
```

Tetradic Color

#091dc1
```
#091dc1 rgb(9,29,193)
```
#0a20d9
```
#0a20d9 rgb(10,32,217)
```
#0b24f2
```
#0b24f2 rgb(11,36,242)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#394ef6
```
#394ef6 rgb(57,78,246)
```
#5264f7
```
#5264f7 rgb(82,100,247)
```
#6a7af8
```
#6a7af8 rgb(106,122,248)
```

Monochromatic Color

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

#216df5
```
#216df5 rgb(33,109,245)
```
#215bf5
```
#215bf5 rgb(33,91,245)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#2126f5
```
#2126f5 rgb(33,38,245)
```
#2d21f5
```
#2d21f5 rgb(45,33,245)
```
#3f21f5
```
#3f21f5 rgb(63,33,245)
```

Similar Colors

Text with hexadecimal color #2138f5

This text has a font color of #2138f5.

<span style="color:#2138f5;">Text here</span>

#2138f5 background color

This paragraph has a background color of #2138f5.

<p style="background-color:#2138f5;">Content here</p>

#2138f5 border color

This element has a border color of #2138f5.

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

CSS codes

.text {color:#2138f5;}

.background {background-color:#2138f5;}

.border {border:1px solid #2138f5;}

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

#000003
```
#000003 rgb(0,0,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#020629
```
#020629 rgb(2,6,41)
```
#03093c
```
#03093c rgb(3,9,60)
```
#040c4e
```
#040c4e rgb(4,12,78)
```
#040e61
```
#040e61 rgb(4,14,97)
```
#051174
```
#051174 rgb(5,17,116)
```
#061487
```
#061487 rgb(6,20,135)
```
#071799
```
#071799 rgb(7,23,153)
```
#081aac
```
#081aac rgb(8,26,172)
```
#091cbf
```
#091cbf rgb(9,28,191)
```
#091fd2
```
#091fd2 rgb(9,31,210)
```
#0a22e4
```
#0a22e4 rgb(10,34,228)
```

Shade Color Variation

#0e27f4
```
#0e27f4 rgb(14,39,244)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#3449f6
```
#3449f6 rgb(52,73,246)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#596af8
```
#596af8 rgb(89,106,248)
```
#6c7bf8
```
#6c7bf8 rgb(108,123,248)
```
#7f8cf9
```
#7f8cf9 rgb(127,140,249)
```
#929dfa
```
#929dfa rgb(146,157,250)
```
#a4aefb
```
#a4aefb rgb(164,174,251)
```
#b7bffc
```
#b7bffc rgb(183,191,252)
```
#cacffd
```
#cacffd rgb(202,207,253)
```
#dde0fd
```
#dde0fd rgb(221,224,253)
```
#eff1fe
```
#eff1fe rgb(239,241,254)
```

Tint Color Variation

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

#838593
```
#838593 rgb(131,133,147)
```
#7a7e9c
```
#7a7e9c rgb(122,126,156)
```
#7177a5
```
#7177a5 rgb(113,119,165)
```
#6870ae
```
#6870ae rgb(104,112,174)
```
#5f69b7
```
#5f69b7 rgb(95,105,183)
```
#5762bf
```
#5762bf rgb(87,98,191)
```
#4e5bc8
```
#4e5bc8 rgb(78,91,200)
```
#4554d1
```
#4554d1 rgb(69,84,209)
```
#3c4dda
```
#3c4dda rgb(60,77,218)
```
#3346e3
```
#3346e3 rgb(51,70,227)
```
#2a3fec
```
#2a3fec rgb(42,63,236)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#1831fe
```
#1831fe rgb(24,49,254)
```

Tone Color Variation

Below, you can see how #2138f5 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

#474747 Achromatopsia 0.005% of the population
#3f446a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6e Tritanopia 0.001% of the population

Trichromacy

#0c50cd Protanomaly 1% of men, 0.01% of women
#0c53bd Deuteranomaly 6% of men, 0.4% of women
#0c589f Tritanomaly 0.01% of the population

#2138f5 hex color

#2138f5 Color Information

#2138f5 Color Conversion

Color Schemes with #2138f5

Alternatives to #2138f5

#2138f5 Preview

Shades and Tints of #2138f5

Tones of #2138f5

Color Blindness Simulator