#0348a8 hex color

In a RGB color space, hex #0348a8 is composed of 1.2% red, 28.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 57.1% magenta, 0% yellow and 34.1% black. It has a hue angle of 214.9 degrees, a saturation of 96.5% and a lightness of 33.5%. #0348a8 color hex could be obtained by blending #0690ff with #000051. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 28
- B 66
RGB color chart
- C 98
- M 57
- Y 0
- K 34
CMYK color chart

● #0348a8 color description : Dark blue.

The hexadecimal color #0348a8 has RGB values of R:3, G:72, B:168 and CMYK values of C:0.98, M:0.57, Y:0, K:0.34. Its decimal value is 215208.

Hex triplet	0348a8	`#0348a8`
RGB Decimal	3, 72, 168	`rgb(3,72,168)`
RGB Percent	1.2, 28.2, 65.9	`rgb(1.2%,28.2%,65.9%)`
CMYK	98, 57, 0, 34
HSL	214.9°, 96.5, 33.5	`hsl(214.9,96.5%,33.5%)`
HSV (or HSB)	214.9°, 98.2, 65.9
Web Safe	003399	`#003399`

CIE-LAB	32.876, 20.724, -56.53
XYZ	9.421, 7.48, 37.991
xyY	0.172, 0.136, 7.48
CIE-LCH	32.876, 60.209, 290.133
CIE-LUV	32.876, -16.192, -78.035
Hunter-Lab	27.35, 13.624, -63.211
Binary	00000011, 01001000, 10101000

#0348a8
```
#0348a8 rgb(3,72,168)
```
#a86303
```
#a86303 rgb(168,99,3)
```

Complementary Color

#039ba8
```
#039ba8 rgb(3,155,168)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#1103a8
```
#1103a8 rgb(17,3,168)
```

Analogous Color

#9ba803
```
#9ba803 rgb(155,168,3)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#a81103
```
#a81103 rgb(168,17,3)
```

Split Complementary Color

#48a803
```
#48a803 rgb(72,168,3)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#a80348
```
#a80348 rgb(168,3,72)
```

Triadic Color

#03a863
```
#03a863 rgb(3,168,99)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#a80348
```
#a80348 rgb(168,3,72)
```
#a86303
```
#a86303 rgb(168,99,3)
```

Tetradic Color

#02285d
```
#02285d rgb(2,40,93)
```
#023376
```
#023376 rgb(2,51,118)
```
#033d8f
```
#033d8f rgb(3,61,143)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#0353c1
```
#0353c1 rgb(3,83,193)
```
#045dda
```
#045dda rgb(4,93,218)
```
#0468f3
```
#0468f3 rgb(4,104,243)
```

Monochromatic Color

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

#0371a8
```
#0371a8 rgb(3,113,168)
```
#0364a8
```
#0364a8 rgb(3,100,168)
```
#0356a8
```
#0356a8 rgb(3,86,168)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#033aa8
```
#033aa8 rgb(3,58,168)
```
#032da8
```
#032da8 rgb(3,45,168)
```
#031fa8
```
#031fa8 rgb(3,31,168)
```

Similar Colors

Text with hexadecimal color #0348a8

This text has a font color of #0348a8.

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

#0348a8 background color

This paragraph has a background color of #0348a8.

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

#0348a8 border color

This element has a border color of #0348a8.

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

CSS codes

.text {color:#0348a8;}

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

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

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, #00060e is the darkest color, while #fafcff is the lightest one.

#00060e
```
#00060e rgb(0,6,14)
```
#010e21
```
#010e21 rgb(1,14,33)
```
#011634
```
#011634 rgb(1,22,52)
```
#011f48
```
#011f48 rgb(1,31,72)
```
#02275b
```
#02275b rgb(2,39,91)
```
#022f6e
```
#022f6e rgb(2,47,110)
```
#023781
```
#023781 rgb(2,55,129)
```
#034095
```
#034095 rgb(3,64,149)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```
#0350bb
```
#0350bb rgb(3,80,187)
```
#0459cf
```
#0459cf rgb(4,89,207)
```
#0461e2
```
#0461e2 rgb(4,97,226)
```
#0469f5
```
#0469f5 rgb(4,105,245)
```

Shade Color Variation

#1274fb
```
#1274fb rgb(18,116,251)
```
#267ffb
```
#267ffb rgb(38,127,251)
```
#398afb
```
#398afb rgb(57,138,251)
```
#4c96fc
```
#4c96fc rgb(76,150,252)
```
#5fa1fc
```
#5fa1fc rgb(95,161,252)
```
#73acfc
```
#73acfc rgb(115,172,252)
```
#86b8fd
```
#86b8fd rgb(134,184,253)
```
#99c3fd
```
#99c3fd rgb(153,195,253)
```
#accefe
```
#accefe rgb(172,206,254)
```
#c0dafe
```
#c0dafe rgb(192,218,254)
```
#d3e5fe
```
#d3e5fe rgb(211,229,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#525559
```
#525559 rgb(82,85,89)
```
#4b5460
```
#4b5460 rgb(75,84,96)
```
#455366
```
#455366 rgb(69,83,102)
```
#3e526d
```
#3e526d rgb(62,82,109)
```
#385173
```
#385173 rgb(56,81,115)
```
#31507a
```
#31507a rgb(49,80,122)
```
#2a4e81
```
#2a4e81 rgb(42,78,129)
```
#244d87
```
#244d87 rgb(36,77,135)
```
#1d4c8e
```
#1d4c8e rgb(29,76,142)
```
#174b94
```
#174b94 rgb(23,75,148)
```
#104a9b
```
#104a9b rgb(16,74,155)
```
#0a49a1
```
#0a49a1 rgb(10,73,161)
```
#0348a8
```
#0348a8 rgb(3,72,168)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#324053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a4 Protanopia 1% of men
#00588f Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#014fa5 Protanomaly 1% of men, 0.01% of women
#015298 Deuteranomaly 6% of men, 0.4% of women
#01567c Tritanomaly 0.01% of the population

#0348a8 hex color

#0348a8 Color Information

#0348a8 Color Conversion

Color Schemes with #0348a8

Alternatives to #0348a8

#0348a8 Preview

Shades and Tints of #0348a8

Tones of #0348a8

Color Blindness Simulator