#0348af hex color

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

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

● #0348af color description : Dark blue.

The hexadecimal color #0348af has RGB values of R:3, G:72, B:175 and CMYK values of C:0.98, M:0.59, Y:0, K:0.31. Its decimal value is 215215.

Hex triplet	0348af	`#0348af`
RGB Decimal	3, 72, 175	`rgb(3,72,175)`
RGB Percent	1.2, 28.2, 68.6	`rgb(1.2%,28.2%,68.6%)`
CMYK	98, 59, 0, 31
HSL	215.9°, 96.6, 34.9	`hsl(215.9,96.6%,34.9%)`
HSV (or HSB)	215.9°, 98.3, 68.6
Web Safe	003399	`#003399`

CIE-LAB	33.453, 23.597, -59.766
XYZ	10.091, 7.748, 41.519
xyY	0.17, 0.131, 7.748
CIE-LCH	33.453, 64.256, 291.545
CIE-LUV	33.453, -16.067, -82.789
Hunter-Lab	27.836, 15.997, -68.949
Binary	00000011, 01001000, 10101111

#0348af
```
#0348af rgb(3,72,175)
```
#af6a03
```
#af6a03 rgb(175,106,3)
```

Complementary Color

#039eaf
```
#039eaf rgb(3,158,175)
```
#0348af
```
#0348af rgb(3,72,175)
```
#1403af
```
#1403af rgb(20,3,175)
```

Analogous Color

#9eaf03
```
#9eaf03 rgb(158,175,3)
```
#0348af
```
#0348af rgb(3,72,175)
```
#af1403
```
#af1403 rgb(175,20,3)
```

Split Complementary Color

#48af03
```
#48af03 rgb(72,175,3)
```
#0348af
```
#0348af rgb(3,72,175)
```
#af0348
```
#af0348 rgb(175,3,72)
```

Triadic Color

#03af6a
```
#03af6a rgb(3,175,106)
```
#0348af
```
#0348af rgb(3,72,175)
```
#af0348
```
#af0348 rgb(175,3,72)
```
#af6a03
```
#af6a03 rgb(175,106,3)
```

Tetradic Color

#022964
```
#022964 rgb(2,41,100)
```
#02337d
```
#02337d rgb(2,51,125)
```
#033e96
```
#033e96 rgb(3,62,150)
```
#0348af
```
#0348af rgb(3,72,175)
```
#0352c8
```
#0352c8 rgb(3,82,200)
```
#045de1
```
#045de1 rgb(4,93,225)
```
#0467fa
```
#0467fa rgb(4,103,250)
```

Monochromatic Color

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

#0373af
```
#0373af rgb(3,115,175)
```
#0365af
```
#0365af rgb(3,101,175)
```
#0356af
```
#0356af rgb(3,86,175)
```
#0348af
```
#0348af rgb(3,72,175)
```
#033aaf
```
#033aaf rgb(3,58,175)
```
#032baf
```
#032baf rgb(3,43,175)
```
#031daf
```
#031daf rgb(3,29,175)
```

Similar Colors

Text with hexadecimal color #0348af

This text has a font color of #0348af.

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

#0348af background color

This paragraph has a background color of #0348af.

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

#0348af border color

This element has a border color of #0348af.

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

CSS codes

.text {color:#0348af;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000915
```
#000915 rgb(0,9,21)
```
#011028
```
#011028 rgb(1,16,40)
```
#01183b
```
#01183b rgb(1,24,59)
```
#01204f
```
#01204f rgb(1,32,79)
```
#022862
```
#022862 rgb(2,40,98)
```
#023075
```
#023075 rgb(2,48,117)
```
#023888
```
#023888 rgb(2,56,136)
```
#03409c
```
#03409c rgb(3,64,156)
```
#0348af
```
#0348af rgb(3,72,175)
```
#0350c2
```
#0350c2 rgb(3,80,194)
```
#0458d6
```
#0458d6 rgb(4,88,214)
```
#0460e9
```
#0460e9 rgb(4,96,233)
```

Shade Color Variation

#0668fb
```
#0668fb rgb(6,104,251)
```
#1974fb
```
#1974fb rgb(25,116,251)
```
#2c7ffb
```
#2c7ffb rgb(44,127,251)
```
#408bfc
```
#408bfc rgb(64,139,252)
```
#5397fc
```
#5397fc rgb(83,151,252)
```
#66a2fc
```
#66a2fc rgb(102,162,252)
```
#79aefd
```
#79aefd rgb(121,174,253)
```
#8dbafd
```
#8dbafd rgb(141,186,253)
```
#a0c5fd
```
#a0c5fd rgb(160,197,253)
```
#b3d1fe
```
#b3d1fe rgb(179,209,254)
```
#c7ddfe
```
#c7ddfe rgb(199,221,254)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#55585d
```
#55585d rgb(85,88,93)
```
#4e5764
```
#4e5764 rgb(78,87,100)
```
#47566b
```
#47566b rgb(71,86,107)
```
#415471
```
#415471 rgb(65,84,113)
```
#3a5378
```
#3a5378 rgb(58,83,120)
```
#33517f
```
#33517f rgb(51,81,127)
```
#2c5086
```
#2c5086 rgb(44,80,134)
```
#254f8d
```
#254f8d rgb(37,79,141)
```
#1e4d94
```
#1e4d94 rgb(30,77,148)
```
#184c9a
```
#184c9a rgb(24,76,154)
```
#114ba1
```
#114ba1 rgb(17,75,161)
```
#0a49a8
```
#0a49a8 rgb(10,73,168)
```
#0348af
```
#0348af rgb(3,72,175)
```

Tone Color Variation

Below, you can see how #0348af 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

#3f3f3f Achromatopsia 0.005% of the population
#334155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a91 Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#0150a9 Protanomaly 1% of men, 0.01% of women
#01539c Deuteranomaly 6% of men, 0.4% of women
#015780 Tritanomaly 0.01% of the population

#0348af hex color

#0348af Color Information

#0348af Color Conversion

Color Schemes with #0348af

Alternatives to #0348af

#0348af Preview

Shades and Tints of #0348af

Tones of #0348af

Color Blindness Simulator