#0018f8 hex color

In a RGB color space, hex #0018f8 is composed of 0% red, 9.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 90.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 234.2 degrees, a saturation of 100% and a lightness of 48.6%. #0018f8 color hex could be obtained by blending #0030ff with #0000f1. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 0
- G 9
- B 97
RGB color chart
- C 100
- M 90
- Y 0
- K 3
CMYK color chart

● #0018f8 color description : Pure (or mostly pure) blue.

The hexadecimal color #0018f8 has RGB values of R:0, G:24, B:248 and CMYK values of C:1, M:0.9, Y:0, K:0.03. Its decimal value is 6392.

Hex triplet	0018f8	`#0018f8`
RGB Decimal	0, 24, 248	`rgb(0,24,248)`
RGB Percent	0, 9.4, 97.3	`rgb(0%,9.4%,97.3%)`
CMYK	100, 90, 0, 3
HSL	234.2°, 100, 48.6	`hsl(234.2,100%,48.6%)`
HSV (or HSB)	234.2°, 100, 97.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.765, 72.985, -103.15
XYZ	17.267, 7.429, 89.326
xyY	0.151, 0.065, 7.429
CIE-LCH	32.765, 126.36, 305.282
CIE-LUV	32.765, -10.108, -127.689
Hunter-Lab	27.257, 65.378, -175.227
Binary	00000000, 00011000, 11111000

#0018f8
```
#0018f8 rgb(0,24,248)
```
#f8e000
```
#f8e000 rgb(248,224,0)
```

Complementary Color

#0094f8
```
#0094f8 rgb(0,148,248)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```
#6400f8
```
#6400f8 rgb(100,0,248)
```

Analogous Color

#94f800
```
#94f800 rgb(148,248,0)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```
#f86400
```
#f86400 rgb(248,100,0)
```

Split Complementary Color

#18f800
```
#18f800 rgb(24,248,0)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```
#f80018
```
#f80018 rgb(248,0,24)
```

Triadic Color

#00f8e0
```
#00f8e0 rgb(0,248,224)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```
#f80018
```
#f80018 rgb(248,0,24)
```
#f8e000
```
#f8e000 rgb(248,224,0)
```

Tetradic Color

#0011ac
```
#0011ac rgb(0,17,172)
```
#0013c5
```
#0013c5 rgb(0,19,197)
```
#0016df
```
#0016df rgb(0,22,223)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```
#1329ff
```
#1329ff rgb(19,41,255)
```
#2c40ff
```
#2c40ff rgb(44,64,255)
```
#4657ff
```
#4657ff rgb(70,87,255)
```

Monochromatic Color

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

#0056f8
```
#0056f8 rgb(0,86,248)
```
#0041f8
```
#0041f8 rgb(0,65,248)
```
#002df8
```
#002df8 rgb(0,45,248)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```
#0003f8
```
#0003f8 rgb(0,3,248)
```
#1100f8
```
#1100f8 rgb(17,0,248)
```
#2600f8
```
#2600f8 rgb(38,0,248)
```

Similar Colors

Text with hexadecimal color #0018f8

This text has a font color of #0018f8.

<span style="color:#0018f8;">Text here</span>

#0018f8 background color

This paragraph has a background color of #0018f8.

<p style="background-color:#0018f8;">Content here</p>

#0018f8 border color

This element has a border color of #0018f8.

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

CSS codes

.text {color:#0018f8;}

.background {background-color:#0018f8;}

.border {border:1px solid #0018f8;}

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

#00010d
```
#00010d rgb(0,1,13)
```
#000320
```
#000320 rgb(0,3,32)
```
#000534
```
#000534 rgb(0,5,52)
```
#000747
```
#000747 rgb(0,7,71)
```
#00095b
```
#00095b rgb(0,9,91)
```
#000b6f
```
#000b6f rgb(0,11,111)
```
#000d82
```
#000d82 rgb(0,13,130)
```
#000f96
```
#000f96 rgb(0,15,150)
```
#0010aa
```
#0010aa rgb(0,16,170)
```
#0012bd
```
#0012bd rgb(0,18,189)
```
#0014d1
```
#0014d1 rgb(0,20,209)
```
#0016e4
```
#0016e4 rgb(0,22,228)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```

Shade Color Variation

#0d24ff
```
#0d24ff rgb(13,36,255)
```
#2036ff
```
#2036ff rgb(32,54,255)
```
#3448ff
```
#3448ff rgb(52,72,255)
```
#4759ff
```
#4759ff rgb(71,89,255)
```
#5b6bff
```
#5b6bff rgb(91,107,255)
```
#6f7dff
```
#6f7dff rgb(111,125,255)
```
#828eff
```
#828eff rgb(130,142,255)
```
#96a0ff
```
#96a0ff rgb(150,160,255)
```
#aab2ff
```
#aab2ff rgb(170,178,255)
```
#bdc4ff
```
#bdc4ff rgb(189,196,255)
```
#d1d5ff
```
#d1d5ff rgb(209,213,255)
```
#e4e7ff
```
#e4e7ff rgb(228,231,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#727486
```
#727486 rgb(114,116,134)
```
#696d8f
```
#696d8f rgb(105,109,143)
```
#5f6599
```
#5f6599 rgb(95,101,153)
```
#565da2
```
#565da2 rgb(86,93,162)
```
#4c56ac
```
#4c56ac rgb(76,86,172)
```
#434eb5
```
#434eb5 rgb(67,78,181)
```
#3946bf
```
#3946bf rgb(57,70,191)
```
#303ec8
```
#303ec8 rgb(48,62,200)
```
#2637d2
```
#2637d2 rgb(38,55,210)
```
#1d2fdb
```
#1d2fdb rgb(29,47,219)
```
#1327e5
```
#1327e5 rgb(19,39,229)
```
#0a20ee
```
#0a20ee rgb(10,32,238)
```
#0018f8
```
#0018f8 rgb(0,24,248)
```

Tone Color Variation

Below, you can see how #0018f8 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

#2a2a2a Achromatopsia 0.005% of the population
#222653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#003ec1 Protanomaly 1% of men, 0.01% of women
#0041b3 Deuteranomaly 6% of men, 0.4% of women
#004598 Tritanomaly 0.01% of the population

#0018f8 hex color

#0018f8 Color Information

#0018f8 Color Conversion

Color Schemes with #0018f8

Alternatives to #0018f8

#0018f8 Preview

Shades and Tints of #0018f8

Tones of #0018f8

Color Blindness Simulator