#0318a0 hex color

In a RGB color space, hex #0318a0 is composed of 1.2% red, 9.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 85% magenta, 0% yellow and 37.3% black. It has a hue angle of 232 degrees, a saturation of 96.3% and a lightness of 32%. #0318a0 color hex could be obtained by blending #0630ff with #000041. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 63
RGB color chart
- C 98
- M 85
- Y 0
- K 37
CMYK color chart

● #0318a0 color description : Dark blue.

The hexadecimal color #0318a0 has RGB values of R:3, G:24, B:160 and CMYK values of C:0.98, M:0.85, Y:0, K:0.37. Its decimal value is 202912.

Hex triplet	0318a0	`#0318a0`
RGB Decimal	3, 24, 160	`rgb(3,24,160)`
RGB Percent	1.2, 9.4, 62.7	`rgb(1.2%,9.4%,62.7%)`
CMYK	98, 85, 0, 37
HSL	232°, 96.3, 32	`hsl(232,96.3%,32%)`
HSV (or HSB)	232°, 98.1, 62.7
Web Safe	000099	`#000099`

CIE-LAB	20.867, 47.72, -71.484
XYZ	6.708, 3.21, 33.522
xyY	0.154, 0.074, 3.21
CIE-LCH	20.867, 85.949, 303.726
CIE-LUV	20.867, -6.837, -76.619
Hunter-Lab	17.917, 35.476, -98.388
Binary	00000011, 00011000, 10100000

#0318a0
```
#0318a0 rgb(3,24,160)
```
#a08b03
```
#a08b03 rgb(160,139,3)
```

Complementary Color

#0367a0
```
#0367a0 rgb(3,103,160)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#3d03a0
```
#3d03a0 rgb(61,3,160)
```

Analogous Color

#67a003
```
#67a003 rgb(103,160,3)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#a03c03
```
#a03c03 rgb(160,60,3)
```

Split Complementary Color

#18a003
```
#18a003 rgb(24,160,3)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#a00318
```
#a00318 rgb(160,3,24)
```

Triadic Color

#03a08b
```
#03a08b rgb(3,160,139)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#a00318
```
#a00318 rgb(160,3,24)
```
#a08b03
```
#a08b03 rgb(160,139,3)
```

Tetradic Color

#020d55
```
#020d55 rgb(2,13,85)
```
#02106e
```
#02106e rgb(2,16,110)
```
#031487
```
#031487 rgb(3,20,135)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#031cb9
```
#031cb9 rgb(3,28,185)
```
#0420d2
```
#0420d2 rgb(4,32,210)
```
#0423eb
```
#0423eb rgb(4,35,235)
```

Monochromatic Color

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

#033fa0
```
#033fa0 rgb(3,63,160)
```
#0332a0
```
#0332a0 rgb(3,50,160)
```
#0325a0
```
#0325a0 rgb(3,37,160)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#030ba0
```
#030ba0 rgb(3,11,160)
```
#0803a0
```
#0803a0 rgb(8,3,160)
```
#1503a0
```
#1503a0 rgb(21,3,160)
```

Similar Colors

Text with hexadecimal color #0318a0

This text has a font color of #0318a0.

<span style="color:#0318a0;">Text here</span>

#0318a0 background color

This paragraph has a background color of #0318a0.

<p style="background-color:#0318a0;">Content here</p>

#0318a0 border color

This element has a border color of #0318a0.

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

CSS codes

.text {color:#0318a0;}

.background {background-color:#0318a0;}

.border {border:1px solid #0318a0;}

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

#000106
```
#000106 rgb(0,1,6)
```
#000419
```
#000419 rgb(0,4,25)
```
#01072c
```
#01072c rgb(1,7,44)
```
#010a40
```
#010a40 rgb(1,10,64)
```
#020c53
```
#020c53 rgb(2,12,83)
```
#020f66
```
#020f66 rgb(2,15,102)
```
#021279
```
#021279 rgb(2,18,121)
```
#03158d
```
#03158d rgb(3,21,141)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```
#031bb3
```
#031bb3 rgb(3,27,179)
```
#041ec7
```
#041ec7 rgb(4,30,199)
```
#0421da
```
#0421da rgb(4,33,218)
```
#0424ed
```
#0424ed rgb(4,36,237)
```

Shade Color Variation

#0b2bfa
```
#0b2bfa rgb(11,43,250)
```
#1e3bfb
```
#1e3bfb rgb(30,59,251)
```
#314cfb
```
#314cfb rgb(49,76,251)
```
#445dfc
```
#445dfc rgb(68,93,252)
```
#586efc
```
#586efc rgb(88,110,252)
```
#6b7efc
```
#6b7efc rgb(107,126,252)
```
#7e8ffd
```
#7e8ffd rgb(126,143,253)
```
#91a0fd
```
#91a0fd rgb(145,160,253)
```
#a5b1fd
```
#a5b1fd rgb(165,177,253)
```
#b8c1fe
```
#b8c1fe rgb(184,193,254)
```
#cbd2fe
```
#cbd2fe rgb(203,210,254)
```
#dee3fe
```
#dee3fe rgb(222,227,254)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4f55 is the less saturated color, while #0318a0 is the most saturated one.

#4e4f55
```
#4e4f55 rgb(78,79,85)
```
#484b5b
```
#484b5b rgb(72,75,91)
```
#424661
```
#424661 rgb(66,70,97)
```
#3b4168
```
#3b4168 rgb(59,65,104)
```
#353d6e
```
#353d6e rgb(53,61,110)
```
#2f3874
```
#2f3874 rgb(47,56,116)
```
#29347a
```
#29347a rgb(41,52,122)
```
#222f81
```
#222f81 rgb(34,47,129)
```
#1c2a87
```
#1c2a87 rgb(28,42,135)
```
#16268d
```
#16268d rgb(22,38,141)
```
#102193
```
#102193 rgb(16,33,147)
```
#091d9a
```
#091d9a rgb(9,29,154)
```
#0318a0
```
#0318a0 rgb(3,24,160)
```

Tone Color Variation

Below, you can see how #0318a0 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

#212121 Achromatopsia 0.005% of the population
#1b1f3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b72 Protanopia 1% of men
#003e62 Deuteranopia 1% of men
#004245 Tritanopia 0.001% of the population

Trichromacy

#012e83 Protanomaly 1% of men, 0.01% of women
#013079 Deuteranomaly 6% of men, 0.4% of women
#013366 Tritanomaly 0.01% of the population

#0318a0 hex color

#0318a0 Color Information

#0318a0 Color Conversion

Color Schemes with #0318a0

Alternatives to #0318a0

#0318a0 Preview

Shades and Tints of #0318a0

Tones of #0318a0

Color Blindness Simulator