#034a57 hex color

In a RGB color space, hex #034a57 is composed of 1.2% red, 29% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 14.9% magenta, 0% yellow and 65.9% black. It has a hue angle of 189.3 degrees, a saturation of 93.3% and a lightness of 17.6%. #034a57 color hex could be obtained by blending #0694ae with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 29
- B 34
RGB color chart
- C 97
- M 15
- Y 0
- K 66
CMYK color chart

● #034a57 color description : Very dark cyan.

The hexadecimal color #034a57 has RGB values of R:3, G:74, B:87 and CMYK values of C:0.97, M:0.15, Y:0, K:0.66. Its decimal value is 215639.

Hex triplet	034a57	`#034a57`
RGB Decimal	3, 74, 87	`rgb(3,74,87)`
RGB Percent	1.2, 29, 34.1	`rgb(1.2%,29%,34.1%)`
CMYK	97, 15, 0, 66
HSL	189.3°, 93.3, 17.6	`hsl(189.3,93.3%,17.6%)`
HSV (or HSB)	189.3°, 96.6, 34.1
Web Safe	003366	`#003366`

CIE-LAB	28.392, -14.49, -13.324
XYZ	4.206, 5.605, 9.876
xyY	0.214, 0.285, 5.605
CIE-LCH	28.392, 19.685, 222.599
CIE-LUV	28.392, -20.353, -14.956
Hunter-Lab	23.674, -9.716, -8.163
Binary	00000011, 01001010, 01010111

#034a57
```
#034a57 rgb(3,74,87)
```
#571003
```
#571003 rgb(87,16,3)
```

Complementary Color

#03573a
```
#03573a rgb(3,87,58)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#032057
```
#032057 rgb(3,32,87)
```

Analogous Color

#573a03
```
#573a03 rgb(87,58,3)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#570320
```
#570320 rgb(87,3,32)
```

Split Complementary Color

#4a5703
```
#4a5703 rgb(74,87,3)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#57034a
```
#57034a rgb(87,3,74)
```

Triadic Color

#035710
```
#035710 rgb(3,87,16)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#57034a
```
#57034a rgb(87,3,74)
```
#571003
```
#571003 rgb(87,16,3)
```

Tetradic Color

#000b0d
```
#000b0d rgb(0,11,13)
```
#012026
```
#012026 rgb(1,32,38)
```
#02353e
```
#02353e rgb(2,53,62)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#045f70
```
#045f70 rgb(4,95,112)
```
#057488
```
#057488 rgb(5,116,136)
```
#0689a1
```
#0689a1 rgb(6,137,161)
```

Monochromatic Color

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

#03574f
```
#03574f rgb(3,87,79)
```
#035756
```
#035756 rgb(3,87,86)
```
#035157
```
#035157 rgb(3,81,87)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#034357
```
#034357 rgb(3,67,87)
```
#033c57
```
#033c57 rgb(3,60,87)
```
#033557
```
#033557 rgb(3,53,87)
```

Similar Colors

Text with hexadecimal color #034a57

This text has a font color of #034a57.

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

#034a57 background color

This paragraph has a background color of #034a57.

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

#034a57 border color

This element has a border color of #034a57.

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

CSS codes

.text {color:#034a57;}

.background {background-color:#034a57;}

.border {border:1px solid #034a57;}

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, #00090b is the darkest color, while #f7feff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#011a1e
```
#011a1e rgb(1,26,30)
```
#022a31
```
#022a31 rgb(2,42,49)
```
#023a44
```
#023a44 rgb(2,58,68)
```
#034a57
```
#034a57 rgb(3,74,87)
```
#045a6a
```
#045a6a rgb(4,90,106)
```
#046a7d
```
#046a7d rgb(4,106,125)
```
#057a90
```
#057a90 rgb(5,122,144)
```
#068ba3
```
#068ba3 rgb(6,139,163)
```
#069bb6
```
#069bb6 rgb(6,155,182)
```
#07abc9
```
#07abc9 rgb(7,171,201)
```
#08bbdc
```
#08bbdc rgb(8,187,220)
```
#08cbef
```
#08cbef rgb(8,203,239)
```

Shade Color Variation

#14d4f7
```
#14d4f7 rgb(20,212,247)
```
#27d7f8
```
#27d7f8 rgb(39,215,248)
```
#3adbf8
```
#3adbf8 rgb(58,219,248)
```
#4ddef9
```
#4ddef9 rgb(77,222,249)
```
#60e2fa
```
#60e2fa rgb(96,226,250)
```
#72e5fa
```
#72e5fa rgb(114,229,250)
```
#85e9fb
```
#85e9fb rgb(133,233,251)
```
#98ecfb
```
#98ecfb rgb(152,236,251)
```
#abf0fc
```
#abf0fc rgb(171,240,252)
```
#bef3fd
```
#bef3fd rgb(190,243,253)
```
#d1f7fd
```
#d1f7fd rgb(209,247,253)
```
#e4fafe
```
#e4fafe rgb(228,250,254)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#2d2d2d
```
#2d2d2d rgb(45,45,45)
```
#293031
```
#293031 rgb(41,48,49)
```
#263234
```
#263234 rgb(38,50,52)
```
#223438
```
#223438 rgb(34,52,56)
```
#1f373b
```
#1f373b rgb(31,55,59)
```
#1b393f
```
#1b393f rgb(27,57,63)
```
#183c42
```
#183c42 rgb(24,60,66)
```
#143e46
```
#143e46 rgb(20,62,70)
```
#114049
```
#114049 rgb(17,64,73)
```
#0d434d
```
#0d434d rgb(13,67,77)
```
#0a4550
```
#0a4550 rgb(10,69,80)
```
#064854
```
#064854 rgb(6,72,84)
```
#034a57
```
#034a57 rgb(3,74,87)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2c3a3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#494c5b Protanopia 1% of men
#474b62 Deuteranopia 1% of men
#00545a Tritanopia 0.001% of the population

Trichromacy

#2f4b59 Protanomaly 1% of men, 0.01% of women
#2e4b5e Deuteranomaly 6% of men, 0.4% of women
#015059 Tritanomaly 0.01% of the population

#034a57 hex color

#034a57 Color Information

#034a57 Color Conversion

Color Schemes with #034a57

Alternatives to #034a57

#034a57 Preview

Shades and Tints of #034a57

Tones of #034a57

Color Blindness Simulator