#2018ff hex color

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

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

● #2018ff color description : Vivid blue.

The hexadecimal color #2018ff has RGB values of R:32, G:24, B:255 and CMYK values of C:0.87, M:0.91, Y:0, K:0. Its decimal value is 2103551.

Hex triplet	2018ff	`#2018ff`
RGB Decimal	32, 24, 255	`rgb(32,24,255)`
RGB Percent	12.5, 9.4, 100	`rgb(12.5%,9.4%,100%)`
CMYK	87, 91, 0, 0
HSL	242.1°, 100, 54.7	`hsl(242.1,100%,54.7%)`
HSV (or HSB)	242.1°, 90.6, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.353, 75.155, -104.417
XYZ	18.969, 8.179, 95.181
xyY	0.155, 0.067, 8.179
CIE-LCH	34.353, 128.651, 305.745
CIE-LUV	34.353, -9.034, -132.201
Hunter-Lab	28.599, 68.345, -177.307
Binary	00100000, 00011000, 11111111

#2018ff
```
#2018ff rgb(32,24,255)
```
#f7ff18
```
#f7ff18 rgb(247,255,24)
```

Complementary Color

#1884ff
```
#1884ff rgb(24,132,255)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#9418ff
```
#9418ff rgb(148,24,255)
```

Analogous Color

#84ff18
```
#84ff18 rgb(132,255,24)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#ff9418
```
#ff9418 rgb(255,148,24)
```

Split Complementary Color

#18ff20
```
#18ff20 rgb(24,255,32)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#ff2018
```
#ff2018 rgb(255,32,24)
```

Triadic Color

#18f7ff
```
#18f7ff rgb(24,247,255)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#ff2018
```
#ff2018 rgb(255,32,24)
```
#f7ff18
```
#f7ff18 rgb(247,255,24)
```

Tetradic Color

#0700cb
```
#0700cb rgb(7,0,203)
```
#0800e4
```
#0800e4 rgb(8,0,228)
```
#0900fe
```
#0900fe rgb(9,0,254)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#3932ff
```
#3932ff rgb(57,50,255)
```
#514bff
```
#514bff rgb(81,75,255)
```
#6a65ff
```
#6a65ff rgb(106,101,255)
```

Monochromatic Color

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

#184aff
```
#184aff rgb(24,74,255)
```
#1837ff
```
#1837ff rgb(24,55,255)
```
#1823ff
```
#1823ff rgb(24,35,255)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#3318ff
```
#3318ff rgb(51,24,255)
```
#4718ff
```
#4718ff rgb(71,24,255)
```
#5a18ff
```
#5a18ff rgb(90,24,255)
```

Similar Colors

Text with hexadecimal color #2018ff

This text has a font color of #2018ff.

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

#2018ff background color

This paragraph has a background color of #2018ff.

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

#2018ff border color

This element has a border color of #2018ff.

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

CSS codes

.text {color:#2018ff;}

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

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

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 #f0f0ff is the lightest one.

#000004
```
#000004 rgb(0,0,4)
```
#010018
```
#010018 rgb(1,0,24)
```
#02002c
```
#02002c rgb(2,0,44)
```
#02003f
```
#02003f rgb(2,0,63)
```
#030053
```
#030053 rgb(3,0,83)
```
#040066
```
#040066 rgb(4,0,102)
```
#04007a
```
#04007a rgb(4,0,122)
```
#05008e
```
#05008e rgb(5,0,142)
```
#0600a1
```
#0600a1 rgb(6,0,161)
```
#0600b5
```
#0600b5 rgb(6,0,181)
```
#0700c9
```
#0700c9 rgb(7,0,201)
```
#0800dc
```
#0800dc rgb(8,0,220)
```
#0800f0
```
#0800f0 rgb(8,0,240)
```

Shade Color Variation

#0d04ff
```
#0d04ff rgb(13,4,255)
```
#2018ff
```
#2018ff rgb(32,24,255)
```
#332cff
```
#332cff rgb(51,44,255)
```
#463fff
```
#463fff rgb(70,63,255)
```
#5953ff
```
#5953ff rgb(89,83,255)
```
#6c66ff
```
#6c66ff rgb(108,102,255)
```
#7f7aff
```
#7f7aff rgb(127,122,255)
```
#928eff
```
#928eff rgb(146,142,255)
```
#a5a1ff
```
#a5a1ff rgb(165,161,255)
```
#b7b5ff
```
#b7b5ff rgb(183,181,255)
```
#cac9ff
```
#cac9ff rgb(202,201,255)
```
#dddcff
```
#dddcff rgb(221,220,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#838394
```
#838394 rgb(131,131,148)
```
#7b7a9d
```
#7b7a9d rgb(123,122,157)
```
#7371a6
```
#7371a6 rgb(115,113,166)
```
#6a68af
```
#6a68af rgb(106,104,175)
```
#625fb8
```
#625fb8 rgb(98,95,184)
```
#5a56c1
```
#5a56c1 rgb(90,86,193)
```
#524dca
```
#524dca rgb(82,77,202)
```
#4944d3
```
#4944d3 rgb(73,68,211)
```
#413cdb
```
#413cdb rgb(65,60,219)
```
#3933e4
```
#3933e4 rgb(57,51,228)
```
#312aed
```
#312aed rgb(49,42,237)
```
#2821f6
```
#2821f6 rgb(40,33,246)
```
#2018ff
```
#2018ff rgb(32,24,255)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#312f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0b40c8 Protanomaly 1% of men, 0.01% of women
#0b43b9 Deuteranomaly 6% of men, 0.4% of women
#0b479e Tritanomaly 0.01% of the population

#2018ff hex color

#2018ff Color Information

#2018ff Color Conversion

Color Schemes with #2018ff

Alternatives to #2018ff

#2018ff Preview

Shades and Tints of #2018ff

Tones of #2018ff

Color Blindness Simulator