#064158 hex color

In a RGB color space, hex #064158 is composed of 2.4% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 93.2% cyan, 26.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 196.8 degrees, a saturation of 87.2% and a lightness of 18.4%. #064158 color hex could be obtained by blending #0c82b0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 25
- B 35
RGB color chart
- C 93
- M 26
- Y 0
- K 65
CMYK color chart

● #064158 color description : Very dark blue.

The hexadecimal color #064158 has RGB values of R:6, G:65, B:88 and CMYK values of C:0.93, M:0.26, Y:0, K:0.65. Its decimal value is 409944.

Hex triplet	064158	`#064158`
RGB Decimal	6, 65, 88	`rgb(6,65,88)`
RGB Percent	2.4, 25.5, 34.5	`rgb(2.4%,25.5%,34.5%)`
CMYK	93, 26, 0, 65
HSL	196.8°, 87.2, 18.4	`hsl(196.8,87.2%,18.4%)`
HSV (or HSB)	196.8°, 93.2, 34.5
Web Safe	003366	`#003366`

CIE-LAB	25.332, -8.296, -18.698
XYZ	3.726, 4.524, 9.909
xyY	0.205, 0.249, 4.524
CIE-LCH	25.332, 20.456, 246.074
CIE-LUV	25.332, -16.698, -21.888
Hunter-Lab	21.269, -5.946, -12.734
Binary	00000110, 01000001, 01011000

#064158
```
#064158 rgb(6,65,88)
```
#581d06
```
#581d06 rgb(88,29,6)
```

Complementary Color

#065846
```
#065846 rgb(6,88,70)
```
#064158
```
#064158 rgb(6,65,88)
```
#061858
```
#061858 rgb(6,24,88)
```

Analogous Color

#584606
```
#584606 rgb(88,70,6)
```
#064158
```
#064158 rgb(6,65,88)
```
#580618
```
#580618 rgb(88,6,24)
```

Split Complementary Color

#415806
```
#415806 rgb(65,88,6)
```
#064158
```
#064158 rgb(6,65,88)
```
#580641
```
#580641 rgb(88,6,65)
```

Triadic Color

#06581d
```
#06581d rgb(6,88,29)
```
#064158
```
#064158 rgb(6,65,88)
```
#580641
```
#580641 rgb(88,6,65)
```
#581d06
```
#581d06 rgb(88,29,6)
```

Tetradic Color

#010c10
```
#010c10 rgb(1,12,16)
```
#031e28
```
#031e28 rgb(3,30,40)
```
#042f40
```
#042f40 rgb(4,47,64)
```
#064158
```
#064158 rgb(6,65,88)
```
#085370
```
#085370 rgb(8,83,112)
```
#096488
```
#096488 rgb(9,100,136)
```
#0b76a0
```
#0b76a0 rgb(11,118,160)
```

Monochromatic Color

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

#065658
```
#065658 rgb(6,86,88)
```
#064f58
```
#064f58 rgb(6,79,88)
```
#064858
```
#064858 rgb(6,72,88)
```
#064158
```
#064158 rgb(6,65,88)
```
#063a58
```
#063a58 rgb(6,58,88)
```
#063358
```
#063358 rgb(6,51,88)
```
#062d58
```
#062d58 rgb(6,45,88)
```

Similar Colors

Text with hexadecimal color #064158

This text has a font color of #064158.

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

#064158 background color

This paragraph has a background color of #064158.

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

#064158 border color

This element has a border color of #064158.

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

CSS codes

.text {color:#064158;}

.background {background-color:#064158;}

.border {border:1px solid #064158;}

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, #010b0f is the darkest color, while #fbfeff is the lightest one.

#010b0f
```
#010b0f rgb(1,11,15)
```
#021821
```
#021821 rgb(2,24,33)
```
#032633
```
#032633 rgb(3,38,51)
```
#053346
```
#053346 rgb(5,51,70)
```
#064158
```
#064158 rgb(6,65,88)
```
#074f6a
```
#074f6a rgb(7,79,106)
```
#095c7d
```
#095c7d rgb(9,92,125)
```
#0a6a8f
```
#0a6a8f rgb(10,106,143)
```
#0b77a1
```
#0b77a1 rgb(11,119,161)
```
#0c85b4
```
#0c85b4 rgb(12,133,180)
```
#0e92c6
```
#0e92c6 rgb(14,146,198)
```
#0fa0d9
```
#0fa0d9 rgb(15,160,217)
```
#10aeeb
```
#10aeeb rgb(16,174,235)
```

Shade Color Variation

#1fb5f0
```
#1fb5f0 rgb(31,181,240)
```
#31bbf1
```
#31bbf1 rgb(49,187,241)
```
#44c1f2
```
#44c1f2 rgb(68,193,242)
```
#56c7f3
```
#56c7f3 rgb(86,199,243)
```
#68cdf5
```
#68cdf5 rgb(104,205,245)
```
#7bd3f6
```
#7bd3f6 rgb(123,211,246)
```
#8dd9f7
```
#8dd9f7 rgb(141,217,247)
```
#9fdff8
```
#9fdff8 rgb(159,223,248)
```
#b2e6fa
```
#b2e6fa rgb(178,230,250)
```
#c4ecfb
```
#c4ecfb rgb(196,236,251)
```
#d6f2fc
```
#d6f2fc rgb(214,242,252)
```
#e9f8fd
```
#e9f8fd rgb(233,248,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2e3030 is the less saturated color, while #02435c is the most saturated one.

#2e3030
```
#2e3030 rgb(46,48,48)
```
#2a3134
```
#2a3134 rgb(42,49,52)
```
#273337
```
#273337 rgb(39,51,55)
```
#23343b
```
#23343b rgb(35,52,59)
```
#1f363f
```
#1f363f rgb(31,54,63)
```
#1c3742
```
#1c3742 rgb(28,55,66)
```
#183946
```
#183946 rgb(24,57,70)
```
#143b4a
```
#143b4a rgb(20,59,74)
```
#113c4d
```
#113c4d rgb(17,60,77)
```
#0d3e51
```
#0d3e51 rgb(13,62,81)
```
#0a3f54
```
#0a3f54 rgb(10,63,84)
```
#064158
```
#064158 rgb(6,65,88)
```
#02435c
```
#02435c rgb(2,67,92)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#29353a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e455c Protanopia 1% of men
#394562 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#2a435b Protanomaly 1% of men, 0.01% of women
#26445e Deuteranomaly 6% of men, 0.4% of women
#024854 Tritanomaly 0.01% of the population

#064158 hex color

#064158 Color Information

#064158 Color Conversion

Color Schemes with #064158

Alternatives to #064158

#064158 Preview

Shades and Tints of #064158

Tones of #064158

Color Blindness Simulator