#0018b4 hex color

In a RGB color space, hex #0018b4 is composed of 0% red, 9.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 86.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 232 degrees, a saturation of 100% and a lightness of 35.3%. #0018b4 color hex could be obtained by blending #0030ff with #000069. Closest websafe color is: #0000cc.

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

● #0018b4 color description : Strong blue.

The hexadecimal color #0018b4 has RGB values of R:0, G:24, B:180 and CMYK values of C:1, M:0.87, Y:0, K:0.29. Its decimal value is 6324.

Hex triplet	0018b4	`#0018b4`
RGB Decimal	0, 24, 180	`rgb(0,24,180)`
RGB Percent	0, 9.4, 70.6	`rgb(0%,9.4%,70.6%)`
CMYK	100, 87, 0, 29
HSL	232°, 100, 35.3	`hsl(232,100%,35.3%)`
HSV (or HSB)	232°, 100, 70.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	23.498, 53.897, -79.187
XYZ	8.563, 3.948, 43.488
xyY	0.153, 0.07, 3.948
CIE-LCH	23.498, 95.789, 304.24
CIE-LUV	23.498, -7.655, -88.317
Hunter-Lab	19.869, 42.158, -115.861
Binary	00000000, 00011000, 10110100

#0018b4
```
#0018b4 rgb(0,24,180)
```
#b49c00
```
#b49c00 rgb(180,156,0)
```

Complementary Color

#0072b4
```
#0072b4 rgb(0,114,180)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#4200b4
```
#4200b4 rgb(66,0,180)
```

Analogous Color

#72b400
```
#72b400 rgb(114,180,0)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#b44200
```
#b44200 rgb(180,66,0)
```

Split Complementary Color

#18b400
```
#18b400 rgb(24,180,0)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#b40018
```
#b40018 rgb(180,0,24)
```

Triadic Color

#00b49c
```
#00b49c rgb(0,180,156)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#b40018
```
#b40018 rgb(180,0,24)
```
#b49c00
```
#b49c00 rgb(180,156,0)
```

Tetradic Color

#000e68
```
#000e68 rgb(0,14,104)
```
#001181
```
#001181 rgb(0,17,129)
```
#00159b
```
#00159b rgb(0,21,155)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#001bce
```
#001bce rgb(0,27,206)
```
#001fe7
```
#001fe7 rgb(0,31,231)
```
#0123ff
```
#0123ff rgb(1,35,255)
```

Monochromatic Color

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

#0045b4
```
#0045b4 rgb(0,69,180)
```
#0036b4
```
#0036b4 rgb(0,54,180)
```
#0027b4
```
#0027b4 rgb(0,39,180)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#0009b4
```
#0009b4 rgb(0,9,180)
```
#0600b4
```
#0600b4 rgb(6,0,180)
```
#1500b4
```
#1500b4 rgb(21,0,180)
```

Similar Colors

Text with hexadecimal color #0018b4

This text has a font color of #0018b4.

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

#0018b4 background color

This paragraph has a background color of #0018b4.

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

#0018b4 border color

This element has a border color of #0018b4.

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

CSS codes

.text {color:#0018b4;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000317
```
#000317 rgb(0,3,23)
```
#00062b
```
#00062b rgb(0,6,43)
```
#00083e
```
#00083e rgb(0,8,62)
```
#000b52
```
#000b52 rgb(0,11,82)
```
#000e66
```
#000e66 rgb(0,14,102)
```
#001079
```
#001079 rgb(0,16,121)
```
#00138d
```
#00138d rgb(0,19,141)
```
#0015a0
```
#0015a0 rgb(0,21,160)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```
#001bc8
```
#001bc8 rgb(0,27,200)
```
#001ddb
```
#001ddb rgb(0,29,219)
```
#0020ef
```
#0020ef rgb(0,32,239)
```

Shade Color Variation

#0325ff
```
#0325ff rgb(3,37,255)
```
#1736ff
```
#1736ff rgb(23,54,255)
```
#2b47ff
```
#2b47ff rgb(43,71,255)
```
#3e58ff
```
#3e58ff rgb(62,88,255)
```
#5269ff
```
#5269ff rgb(82,105,255)
```
#667aff
```
#667aff rgb(102,122,255)
```
#798bff
```
#798bff rgb(121,139,255)
```
#8d9cff
```
#8d9cff rgb(141,156,255)
```
#a0adff
```
#a0adff rgb(160,173,255)
```
#b4beff
```
#b4beff rgb(180,190,255)
```
#c8cfff
```
#c8cfff rgb(200,207,255)
```
#dbe0ff
```
#dbe0ff rgb(219,224,255)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#535561
```
#535561 rgb(83,85,97)
```
#4c5068
```
#4c5068 rgb(76,80,104)
```
#454b6f
```
#454b6f rgb(69,75,111)
```
#3e4676
```
#3e4676 rgb(62,70,118)
```
#37417d
```
#37417d rgb(55,65,125)
```
#303c84
```
#303c84 rgb(48,60,132)
```
#2a368a
```
#2a368a rgb(42,54,138)
```
#233191
```
#233191 rgb(35,49,145)
```
#1c2c98
```
#1c2c98 rgb(28,44,152)
```
#15279f
```
#15279f rgb(21,39,159)
```
#0e22a6
```
#0e22a6 rgb(14,34,166)
```
#071dad
```
#071dad rgb(7,29,173)
```
#0018b4
```
#0018b4 rgb(0,24,180)
```

Tone Color Variation

Below, you can see how #0018b4 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
#1c2140 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00446b Deuteranopia 1% of men
#00494b Tritanopia 0.001% of the population

Trichromacy

#003191 Protanomaly 1% of men, 0.01% of women
#003486 Deuteranomaly 6% of men, 0.4% of women
#003771 Tritanomaly 0.01% of the population

#0018b4 hex color

#0018b4 Color Information

#0018b4 Color Conversion

Color Schemes with #0018b4

Alternatives to #0018b4

#0018b4 Preview

Shades and Tints of #0018b4

Tones of #0018b4

Color Blindness Simulator