#1800f4 hex color

In a RGB color space, hex #1800f4 is composed of 9.4% red, 0% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 100% magenta, 0% yellow and 4.3% black. It has a hue angle of 245.9 degrees, a saturation of 100% and a lightness of 47.8%. #1800f4 color hex could be obtained by blending #3000ff with #0000e9. Closest websafe color is: #0000ff.

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

● #1800f4 color description : Pure (or mostly pure) blue.

The hexadecimal color #1800f4 has RGB values of R:24, G:0, B:244 and CMYK values of C:0.9, M:1, Y:0, K:0.04. Its decimal value is 1573108.

Hex triplet	1800f4	`#1800f4`
RGB Decimal	24, 0, 244	`rgb(24,0,244)`
RGB Percent	9.4, 0, 95.7	`rgb(9.4%,0%,95.7%)`
CMYK	90, 100, 0, 4
HSL	245.9°, 100, 47.8	`hsl(245.9,100%,47.8%)`
HSV (or HSB)	245.9°, 100, 95.7
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.172, 76.735, -103.544
XYZ	16.703, 6.725, 86.001
xyY	0.153, 0.061, 6.725
CIE-LCH	31.172, 128.879, 306.541
CIE-LUV	31.172, -8.085, -124.484
Hunter-Lab	25.932, 69.591, -178.478
Binary	00011000, 00000000, 11110100

#1800f4
```
#1800f4 rgb(24,0,244)
```
#dcf400
```
#dcf400 rgb(220,244,0)
```

Complementary Color

#0062f4
```
#0062f4 rgb(0,98,244)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```
#9200f4
```
#9200f4 rgb(146,0,244)
```

Analogous Color

#62f400
```
#62f400 rgb(98,244,0)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```
#f49200
```
#f49200 rgb(244,146,0)
```

Split Complementary Color

#00f418
```
#00f418 rgb(0,244,24)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```
#f41800
```
#f41800 rgb(244,24,0)
```

Triadic Color

#00dcf4
```
#00dcf4 rgb(0,220,244)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```
#f41800
```
#f41800 rgb(244,24,0)
```
#dcf400
```
#dcf400 rgb(220,244,0)
```

Tetradic Color

#1000a8
```
#1000a8 rgb(16,0,168)
```
#1300c1
```
#1300c1 rgb(19,0,193)
```
#1500db
```
#1500db rgb(21,0,219)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```
#260fff
```
#260fff rgb(38,15,255)
```
#3d28ff
```
#3d28ff rgb(61,40,255)
```
#5442ff
```
#5442ff rgb(84,66,255)
```

Monochromatic Color

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

#0025f4
```
#0025f4 rgb(0,37,244)
```
#0011f4
```
#0011f4 rgb(0,17,244)
```
#0400f4
```
#0400f4 rgb(4,0,244)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```
#2c00f4
```
#2c00f4 rgb(44,0,244)
```
#4100f4
```
#4100f4 rgb(65,0,244)
```
#5500f4
```
#5500f4 rgb(85,0,244)
```

Similar Colors

Text with hexadecimal color #1800f4

This text has a font color of #1800f4.

<span style="color:#1800f4;">Text here</span>

#1800f4 background color

This paragraph has a background color of #1800f4.

<p style="background-color:#1800f4;">Content here</p>

#1800f4 border color

This element has a border color of #1800f4.

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

CSS codes

.text {color:#1800f4;}

.background {background-color:#1800f4;}

.border {border:1px solid #1800f4;}

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

#010009
```
#010009 rgb(1,0,9)
```
#03001c
```
#03001c rgb(3,0,28)
```
#050030
```
#050030 rgb(5,0,48)
```
#070043
```
#070043 rgb(7,0,67)
```
#090057
```
#090057 rgb(9,0,87)
```
#0a006b
```
#0a006b rgb(10,0,107)
```
#0c007e
```
#0c007e rgb(12,0,126)
```
#0e0092
```
#0e0092 rgb(14,0,146)
```
#1000a6
```
#1000a6 rgb(16,0,166)
```
#1200b9
```
#1200b9 rgb(18,0,185)
```
#1400cd
```
#1400cd rgb(20,0,205)
```
#1600e0
```
#1600e0 rgb(22,0,224)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```

Shade Color Variation

#2109ff
```
#2109ff rgb(33,9,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#4430ff
```
#4430ff rgb(68,48,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#6857ff
```
#6857ff rgb(104,87,255)
```
#796bff
```
#796bff rgb(121,107,255)
```
#8b7eff
```
#8b7eff rgb(139,126,255)
```
#9d92ff
```
#9d92ff rgb(157,146,255)
```
#aea6ff
```
#aea6ff rgb(174,166,255)
```
#c0b9ff
```
#c0b9ff rgb(192,185,255)
```
#d2cdff
```
#d2cdff rgb(210,205,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#727183
```
#727183 rgb(114,113,131)
```
#6b678d
```
#6b678d rgb(107,103,141)
```
#635e96
```
#635e96 rgb(99,94,150)
```
#5c54a0
```
#5c54a0 rgb(92,84,160)
```
#544ba9
```
#544ba9 rgb(84,75,169)
```
#4d42b2
```
#4d42b2 rgb(77,66,178)
```
#4538bc
```
#4538bc rgb(69,56,188)
```
#3e2fc5
```
#3e2fc5 rgb(62,47,197)
```
#3626ce
```
#3626ce rgb(54,38,206)
```
#2f1cd8
```
#2f1cd8 rgb(47,28,216)
```
#2713e1
```
#2713e1 rgb(39,19,225)
```
#2009eb
```
#2009eb rgb(32,9,235)
```
#1800f4
```
#1800f4 rgb(24,0,244)
```

Tone Color Variation

Below, you can see how #1800f4 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

#232323 Achromatopsia 0.005% of the population
#211c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#0833bb Protanomaly 1% of men, 0.01% of women
#0836ae Deuteranomaly 6% of men, 0.4% of women
#083a94 Tritanomaly 0.01% of the population

#1800f4 hex color

#1800f4 Color Information

#1800f4 Color Conversion

Color Schemes with #1800f4

Alternatives to #1800f4

#1800f4 Preview

Shades and Tints of #1800f4

Tones of #1800f4

Color Blindness Simulator