#00348f hex color

In a RGB color space, hex #00348f is composed of 0% red, 20.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 63.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 218.2 degrees, a saturation of 100% and a lightness of 28%. #00348f color hex could be obtained by blending #0068ff with #00001f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 20
- B 56
RGB color chart
- C 100
- M 64
- Y 0
- K 44
CMYK color chart

● #00348f color description : Dark blue.

The hexadecimal color #00348f has RGB values of R:0, G:52, B:143 and CMYK values of C:1, M:0.64, Y:0, K:0.44. Its decimal value is 13455.

Hex triplet	00348f	`#00348f`
RGB Decimal	0, 52, 143	`rgb(0,52,143)`
RGB Percent	0, 20.4, 56.1	`rgb(0%,20.4%,56.1%)`
CMYK	100, 64, 0, 44
HSL	218.2°, 100, 28	`hsl(218.2,100%,28%)`
HSV (or HSB)	218.2°, 100, 56.1
Web Safe	003399	`#003399`

CIE-LAB	25.071, 24.078, -54.082
XYZ	6.185, 4.439, 26.516
xyY	0.167, 0.12, 4.439
CIE-LCH	25.071, 59.2, 293.999
CIE-LUV	25.071, -11.542, -67.161
Hunter-Lab	21.068, 15.533, -59.874
Binary	00000000, 00110100, 10001111

#00348f
```
#00348f rgb(0,52,143)
```
#8f5b00
```
#8f5b00 rgb(143,91,0)
```

Complementary Color

#007c8f
```
#007c8f rgb(0,124,143)
```
#00348f
```
#00348f rgb(0,52,143)
```
#14008f
```
#14008f rgb(20,0,143)
```

Analogous Color

#7c8f00
```
#7c8f00 rgb(124,143,0)
```
#00348f
```
#00348f rgb(0,52,143)
```
#8f1400
```
#8f1400 rgb(143,20,0)
```

Split Complementary Color

#348f00
```
#348f00 rgb(52,143,0)
```
#00348f
```
#00348f rgb(0,52,143)
```
#8f0034
```
#8f0034 rgb(143,0,52)
```

Triadic Color

#008f5b
```
#008f5b rgb(0,143,91)
```
#00348f
```
#00348f rgb(0,52,143)
```
#8f0034
```
#8f0034 rgb(143,0,52)
```
#8f5b00
```
#8f5b00 rgb(143,91,0)
```

Tetradic Color

#001843
```
#001843 rgb(0,24,67)
```
#00215c
```
#00215c rgb(0,33,92)
```
#002b76
```
#002b76 rgb(0,43,118)
```
#00348f
```
#00348f rgb(0,52,143)
```
#003da9
```
#003da9 rgb(0,61,169)
```
#0047c2
```
#0047c2 rgb(0,71,194)
```
#0050dc
```
#0050dc rgb(0,80,220)
```

Monochromatic Color

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

#00588f
```
#00588f rgb(0,88,143)
```
#004c8f
```
#004c8f rgb(0,76,143)
```
#00408f
```
#00408f rgb(0,64,143)
```
#00348f
```
#00348f rgb(0,52,143)
```
#00288f
```
#00288f rgb(0,40,143)
```
#001c8f
```
#001c8f rgb(0,28,143)
```
#00108f
```
#00108f rgb(0,16,143)
```

Similar Colors

Text with hexadecimal color #00348f

This text has a font color of #00348f.

<span style="color:#00348f;">Text here</span>

#00348f background color

This paragraph has a background color of #00348f.

<p style="background-color:#00348f;">Content here</p>

#00348f border color

This element has a border color of #00348f.

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

CSS codes

.text {color:#00348f;}

.background {background-color:#00348f;}

.border {border:1px solid #00348f;}

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

#000206
```
#000206 rgb(0,2,6)
```
#000919
```
#000919 rgb(0,9,25)
```
#00102d
```
#00102d rgb(0,16,45)
```
#001741
```
#001741 rgb(0,23,65)
```
#001f54
```
#001f54 rgb(0,31,84)
```
#002668
```
#002668 rgb(0,38,104)
```
#002d7b
```
#002d7b rgb(0,45,123)
```
#00348f
```
#00348f rgb(0,52,143)
```
#003ba3
```
#003ba3 rgb(0,59,163)
```
#0042b6
```
#0042b6 rgb(0,66,182)
```
#0049ca
```
#0049ca rgb(0,73,202)
```
#0051dd
```
#0051dd rgb(0,81,221)
```
#0058f1
```
#0058f1 rgb(0,88,241)
```

Shade Color Variation

#0660ff
```
#0660ff rgb(6,96,255)
```
#196dff
```
#196dff rgb(25,109,255)
```
#2d79ff
```
#2d79ff rgb(45,121,255)
```
#4186ff
```
#4186ff rgb(65,134,255)
```
#5492ff
```
#5492ff rgb(84,146,255)
```
#689fff
```
#689fff rgb(104,159,255)
```
#7babff
```
#7babff rgb(123,171,255)
```
#8fb8ff
```
#8fb8ff rgb(143,184,255)
```
#a3c4ff
```
#a3c4ff rgb(163,196,255)
```
#b6d1ff
```
#b6d1ff rgb(182,209,255)
```
#caddff
```
#caddff rgb(202,221,255)
```
#ddeaff
```
#ddeaff rgb(221,234,255)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#42464d
```
#42464d rgb(66,70,77)
```
#3d4553
```
#3d4553 rgb(61,69,83)
```
#374358
```
#374358 rgb(55,67,88)
```
#32425e
```
#32425e rgb(50,66,94)
```
#2c4063
```
#2c4063 rgb(44,64,99)
```
#273f69
```
#273f69 rgb(39,63,105)
```
#213d6e
```
#213d6e rgb(33,61,110)
```
#1c3c74
```
#1c3c74 rgb(28,60,116)
```
#163a79
```
#163a79 rgb(22,58,121)
```
#11397f
```
#11397f rgb(17,57,127)
```
#0b3784
```
#0b3784 rgb(11,55,132)
```
#06368a
```
#06368a rgb(6,54,138)
```
#00348f
```
#00348f rgb(0,52,143)
```

Tone Color Variation

Below, you can see how #00348f 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

#2f2f2f Achromatopsia 0.005% of the population
#263042 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#003d87 Protanomaly 1% of men, 0.01% of women
#00407d Deuteranomaly 6% of men, 0.4% of women
#004367 Tritanomaly 0.01% of the population

#00348f hex color

#00348f Color Information

#00348f Color Conversion

Color Schemes with #00348f

Alternatives to #00348f

#00348f Preview

Shades and Tints of #00348f

Tones of #00348f

Color Blindness Simulator