#2b18ff hex color

In a RGB color space, hex #2b18ff is composed of 16.9% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 244.9 degrees, a saturation of 100% and a lightness of 54.7%. #2b18ff color hex could be obtained by blending #5630ff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 17
- G 9
- B 100
RGB color chart
- C 83
- M 91
- Y 0
- K 0
CMYK color chart

● #2b18ff color description : Vivid blue.

The hexadecimal color #2b18ff has RGB values of R:43, G:24, B:255 and CMYK values of C:0.83, M:0.91, Y:0, K:0. Its decimal value is 2824447.

Hex triplet	2b18ff	`#2b18ff`
RGB Decimal	43, 24, 255	`rgb(43,24,255)`
RGB Percent	16.9, 9.4, 100	`rgb(16.9%,9.4%,100%)`
CMYK	83, 91, 0, 0
HSL	244.9°, 100, 54.7	`hsl(244.9,100%,54.7%)`
HSV (or HSB)	244.9°, 90.6, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.773, 75.386, -103.704
XYZ	19.369, 8.386, 95.2
xyY	0.158, 0.068, 8.386
CIE-LCH	34.773, 128.209, 306.014
CIE-LUV	34.773, -8.125, -132.511
Hunter-Lab	28.958, 68.719, -174.648
Binary	00101011, 00011000, 11111111

#2b18ff
```
#2b18ff rgb(43,24,255)
```
#ecff18
```
#ecff18 rgb(236,255,24)
```

Complementary Color

#1879ff
```
#1879ff rgb(24,121,255)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#9f18ff
```
#9f18ff rgb(159,24,255)
```

Analogous Color

#79ff18
```
#79ff18 rgb(121,255,24)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#ff9f18
```
#ff9f18 rgb(255,159,24)
```

Split Complementary Color

#18ff2b
```
#18ff2b rgb(24,255,43)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#ff2b18
```
#ff2b18 rgb(255,43,24)
```

Triadic Color

#18ecff
```
#18ecff rgb(24,236,255)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#ff2b18
```
#ff2b18 rgb(255,43,24)
```
#ecff18
```
#ecff18 rgb(236,255,24)
```

Tetradic Color

#1100cb
```
#1100cb rgb(17,0,203)
```
#1300e4
```
#1300e4 rgb(19,0,228)
```
#1500fe
```
#1500fe rgb(21,0,254)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#4232ff
```
#4232ff rgb(66,50,255)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#7165ff
```
#7165ff rgb(113,101,255)
```

Monochromatic Color

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

#183fff
```
#183fff rgb(24,63,255)
```
#182cff
```
#182cff rgb(24,44,255)
```
#1818ff
```
#1818ff rgb(24,24,255)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#3e18ff
```
#3e18ff rgb(62,24,255)
```
#5218ff
```
#5218ff rgb(82,24,255)
```
#6518ff
```
#6518ff rgb(101,24,255)
```

Similar Colors

Text with hexadecimal color #2b18ff

This text has a font color of #2b18ff.

<span style="color:#2b18ff;">Text here</span>

#2b18ff background color

This paragraph has a background color of #2b18ff.

<p style="background-color:#2b18ff;">Content here</p>

#2b18ff border color

This element has a border color of #2b18ff.

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

CSS codes

.text {color:#2b18ff;}

.background {background-color:#2b18ff;}

.border {border:1px solid #2b18ff;}

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

#000004
```
#000004 rgb(0,0,4)
```
#020018
```
#020018 rgb(2,0,24)
```
#04002c
```
#04002c rgb(4,0,44)
```
#05003f
```
#05003f rgb(5,0,63)
```
#070053
```
#070053 rgb(7,0,83)
```
#080066
```
#080066 rgb(8,0,102)
```
#0a007a
```
#0a007a rgb(10,0,122)
```
#0c008e
```
#0c008e rgb(12,0,142)
```
#0d00a1
```
#0d00a1 rgb(13,0,161)
```
#0f00b5
```
#0f00b5 rgb(15,0,181)
```
#1000c9
```
#1000c9 rgb(16,0,201)
```
#1200dc
```
#1200dc rgb(18,0,220)
```
#1400f0
```
#1400f0 rgb(20,0,240)
```

Shade Color Variation

#1904ff
```
#1904ff rgb(25,4,255)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#3d2cff
```
#3d2cff rgb(61,44,255)
```
#4f3fff
```
#4f3fff rgb(79,63,255)
```
#6153ff
```
#6153ff rgb(97,83,255)
```
#7366ff
```
#7366ff rgb(115,102,255)
```
#857aff
```
#857aff rgb(133,122,255)
```
#978eff
```
#978eff rgb(151,142,255)
```
#a9a1ff
```
#a9a1ff rgb(169,161,255)
```
#bbb5ff
```
#bbb5ff rgb(187,181,255)
```
#cdc9ff
```
#cdc9ff rgb(205,201,255)
```
#dfdcff
```
#dfdcff rgb(223,220,255)
```
#f1f0ff
```
#f1f0ff rgb(241,240,255)
```

Tint Color Variation

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

#848394
```
#848394 rgb(132,131,148)
```
#7d7a9d
```
#7d7a9d rgb(125,122,157)
```
#7571a6
```
#7571a6 rgb(117,113,166)
```
#6e68af
```
#6e68af rgb(110,104,175)
```
#665fb8
```
#665fb8 rgb(102,95,184)
```
#5f56c1
```
#5f56c1 rgb(95,86,193)
```
#584dca
```
#584dca rgb(88,77,202)
```
#5044d3
```
#5044d3 rgb(80,68,211)
```
#493cdb
```
#493cdb rgb(73,60,219)
```
#4133e4
```
#4133e4 rgb(65,51,228)
```
#3a2aed
```
#3a2aed rgb(58,42,237)
```
#3221f6
```
#3221f6 rgb(50,33,246)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```

Tone Color Variation

Below, you can see how #2b18ff 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

#383838 Achromatopsia 0.005% of the population
#353260 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0f40c9 Protanomaly 1% of men, 0.01% of women
#0f44ba Deuteranomaly 6% of men, 0.4% of women
#0f489e Tritanomaly 0.01% of the population

#2b18ff hex color

#2b18ff Color Information

#2b18ff Color Conversion

Color Schemes with #2b18ff

Alternatives to #2b18ff

#2b18ff Preview

Shades and Tints of #2b18ff

Tones of #2b18ff

Color Blindness Simulator