#0318af hex color

In a RGB color space, hex #0318af is composed of 1.2% red, 9.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 86.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 232.7 degrees, a saturation of 96.6% and a lightness of 34.9%. #0318af color hex could be obtained by blending #0630ff with #00005f. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 69
RGB color chart
- C 98
- M 86
- Y 0
- K 31
CMYK color chart

● #0318af color description : Dark blue.

The hexadecimal color #0318af has RGB values of R:3, G:24, B:175 and CMYK values of C:0.98, M:0.86, Y:0, K:0.31. Its decimal value is 202927.

Hex triplet	0318af	`#0318af`
RGB Decimal	3, 24, 175	`rgb(3,24,175)`
RGB Percent	1.2, 9.4, 68.6	`rgb(1.2%,9.4%,68.6%)`
CMYK	98, 86, 0, 31
HSL	232.7°, 96.6, 34.9	`hsl(232.7,96.6%,34.9%)`
HSV (or HSB)	232.7°, 98.3, 68.6
Web Safe	000099	`#000099`

CIE-LAB	22.886, 52.424, -77.208
XYZ	8.1, 3.767, 40.855
xyY	0.154, 0.071, 3.767
CIE-LCH	22.886, 93.324, 304.176
CIE-LUV	22.886, -7.357, -85.447
Hunter-Lab	19.409, 40.532, -111.217
Binary	00000011, 00011000, 10101111

#0318af
```
#0318af rgb(3,24,175)
```
#af9a03
```
#af9a03 rgb(175,154,3)
```

Complementary Color

#036eaf
```
#036eaf rgb(3,110,175)
```
#0318af
```
#0318af rgb(3,24,175)
```
#4403af
```
#4403af rgb(68,3,175)
```

Analogous Color

#6eaf03
```
#6eaf03 rgb(110,175,3)
```
#0318af
```
#0318af rgb(3,24,175)
```
#af4403
```
#af4403 rgb(175,68,3)
```

Split Complementary Color

#18af03
```
#18af03 rgb(24,175,3)
```
#0318af
```
#0318af rgb(3,24,175)
```
#af0318
```
#af0318 rgb(175,3,24)
```

Triadic Color

#03af9a
```
#03af9a rgb(3,175,154)
```
#0318af
```
#0318af rgb(3,24,175)
```
#af0318
```
#af0318 rgb(175,3,24)
```
#af9a03
```
#af9a03 rgb(175,154,3)
```

Tetradic Color

#020e64
```
#020e64 rgb(2,14,100)
```
#02117d
```
#02117d rgb(2,17,125)
```
#031596
```
#031596 rgb(3,21,150)
```
#0318af
```
#0318af rgb(3,24,175)
```
#031bc8
```
#031bc8 rgb(3,27,200)
```
#041fe1
```
#041fe1 rgb(4,31,225)
```
#0422fa
```
#0422fa rgb(4,34,250)
```

Monochromatic Color

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

#0343af
```
#0343af rgb(3,67,175)
```
#0335af
```
#0335af rgb(3,53,175)
```
#0326af
```
#0326af rgb(3,38,175)
```
#0318af
```
#0318af rgb(3,24,175)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#0b03af
```
#0b03af rgb(11,3,175)
```
#1903af
```
#1903af rgb(25,3,175)
```

Similar Colors

Text with hexadecimal color #0318af

This text has a font color of #0318af.

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

#0318af background color

This paragraph has a background color of #0318af.

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

#0318af border color

This element has a border color of #0318af.

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

CSS codes

.text {color:#0318af;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000315
```
#000315 rgb(0,3,21)
```
#010528
```
#010528 rgb(1,5,40)
```
#01083b
```
#01083b rgb(1,8,59)
```
#010b4f
```
#010b4f rgb(1,11,79)
```
#020d62
```
#020d62 rgb(2,13,98)
```
#021075
```
#021075 rgb(2,16,117)
```
#021388
```
#021388 rgb(2,19,136)
```
#03159c
```
#03159c rgb(3,21,156)
```
#0318af
```
#0318af rgb(3,24,175)
```
#031bc2
```
#031bc2 rgb(3,27,194)
```
#041dd6
```
#041dd6 rgb(4,29,214)
```
#0420e9
```
#0420e9 rgb(4,32,233)
```

Shade Color Variation

#0624fb
```
#0624fb rgb(6,36,251)
```
#1935fb
```
#1935fb rgb(25,53,251)
```
#2c46fb
```
#2c46fb rgb(44,70,251)
```
#4057fc
```
#4057fc rgb(64,87,252)
```
#5368fc
```
#5368fc rgb(83,104,252)
```
#6678fc
```
#6678fc rgb(102,120,252)
```
#7989fd
```
#7989fd rgb(121,137,253)
```
#8d9afd
```
#8d9afd rgb(141,154,253)
```
#a0abfd
```
#a0abfd rgb(160,171,253)
```
#b3bcfe
```
#b3bcfe rgb(179,188,254)
```
#c7cdfe
```
#c7cdfe rgb(199,205,254)
```
#dadefe
```
#dadefe rgb(218,222,254)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#55565d
```
#55565d rgb(85,86,93)
```
#4e5164
```
#4e5164 rgb(78,81,100)
```
#474c6b
```
#474c6b rgb(71,76,107)
```
#414771
```
#414771 rgb(65,71,113)
```
#3a4178
```
#3a4178 rgb(58,65,120)
```
#333c7f
```
#333c7f rgb(51,60,127)
```
#2c3786
```
#2c3786 rgb(44,55,134)
```
#25328d
```
#25328d rgb(37,50,141)
```
#1e2d94
```
#1e2d94 rgb(30,45,148)
```
#18289a
```
#18289a rgb(24,40,154)
```
#1122a1
```
#1122a1 rgb(17,34,161)
```
#0a1da8
```
#0a1da8 rgb(10,29,168)
```
#0318af
```
#0318af rgb(3,24,175)
```

Tone Color Variation

Below, you can see how #0318af 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
#1d213f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7a Protanopia 1% of men
#004369 Deuteranopia 1% of men
#00474a Tritanopia 0.001% of the population

Trichromacy

#01308d Protanomaly 1% of men, 0.01% of women
#013382 Deuteranomaly 6% of men, 0.4% of women
#01366e Tritanomaly 0.01% of the population

#0318af hex color

#0318af Color Information

#0318af Color Conversion

Color Schemes with #0318af

Alternatives to #0318af

#0318af Preview

Shades and Tints of #0318af

Tones of #0318af

Color Blindness Simulator