colorhexa.com

#0344a2 hex color

In a RGB color space, hex #0344a2 is composed of 1.2% red, 26.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 58% magenta, 0% yellow and 36.5% black. It has a hue angle of 215.5 degrees, a saturation of 96.4% and a lightness of 32.4%. #0344a2 color hex could be obtained by blending #0688ff with #000045. Closest websafe color is: #003399.

- R 1
- G 27
- B 64
RGB color chart
- C 98
- M 58
- Y 0
- K 36
CMYK color chart

● #0344a2 color description : Dark blue.

The hexadecimal color #0344a2 has RGB values of R:3, G:68, B:162 and CMYK values of C:0.98, M:0.58, Y:0, K:0.36. Its decimal value is 214178.

Hex triplet	0344a2	`#0344a2`
RGB Decimal	3, 68, 162	`rgb(3,68,162)`
RGB Percent	1.2, 26.7, 63.5	`rgb(1.2%,26.7%,63.5%)`
CMYK	98, 58, 0, 36
HSL	215.5°, 96.4, 32.4	`hsl(215.5,96.4%,32.4%)`
HSV (or HSB)	215.5°, 98.1, 63.5
Web Safe	003399	`#003399`

CIE-LAB	31.258, 20.988, -55.566
XYZ	8.625, 6.761, 35.031
xyY	0.171, 0.134, 6.761
CIE-LCH	31.258, 59.397, 290.693
CIE-LUV	31.258, -15.231, -75.37
Hunter-Lab	26.003, 13.701, -61.673
Binary	00000011, 01000100, 10100010

#0344a2
```
#0344a2 rgb(3,68,162)
```
#a26103
```
#a26103 rgb(162,97,3)
```

Complementary Color

#0394a2
```
#0394a2 rgb(3,148,162)
```
#0344a2
```
#0344a2 rgb(3,68,162)
```
#1203a2
```
#1203a2 rgb(18,3,162)
```

Analogous Color

#94a203
```
#94a203 rgb(148,162,3)
```
#0344a2
```
#0344a2 rgb(3,68,162)
```
#a21203
```
#a21203 rgb(162,18,3)
```

Split Complementary Color

#022457
```
#022457 rgb(2,36,87)
```
#022f70
```
#022f70 rgb(2,47,112)
```
#033989
```
#033989 rgb(3,57,137)
```
#0344a2
```
#0344a2 rgb(3,68,162)
```
#034fbb
```
#034fbb rgb(3,79,187)
```
#0459d4
```
#0459d4 rgb(4,89,212)
```
#0464ed
```
#0464ed rgb(4,100,237)
```

Monochromatic Color

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

#036ca2
```
#036ca2 rgb(3,108,162)
```
#035fa2
```
#035fa2 rgb(3,95,162)
```
#0351a2
```
#0351a2 rgb(3,81,162)
```
#0344a2
```
#0344a2 rgb(3,68,162)
```
#0337a2
```
#0337a2 rgb(3,55,162)
```
#032aa2
```
#032aa2 rgb(3,42,162)
```
#031ca2
```
#031ca2 rgb(3,28,162)
```

Similar Colors

Text with hexadecimal color #0344a2

This text has a font color of #0344a2.

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

#0344a2 background color

This paragraph has a background color of #0344a2.

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

#0344a2 border color

This element has a border color of #0344a2.

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

CSS codes

.text {color:#0344a2;}

.background {background-color:#0344a2;}

.border {border:1px solid #0344a2;}

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

#000308
```
#000308 rgb(0,3,8)
```
#010b1b
```
#010b1b rgb(1,11,27)
```
#01132e
```
#01132e rgb(1,19,46)
```
#011c42
```
#011c42 rgb(1,28,66)
```
#022455
```
#022455 rgb(2,36,85)
```
#022c68
```
#022c68 rgb(2,44,104)
```
#02347b
```
#02347b rgb(2,52,123)
```
#033c8f
```
#033c8f rgb(3,60,143)
```
#0344a2
```
#0344a2 rgb(3,68,162)
```
#034cb5
```
#034cb5 rgb(3,76,181)
```
#0454c9
```
#0454c9 rgb(4,84,201)
```
#045cdc
```
#045cdc rgb(4,92,220)
```
#0464ef
```
#0464ef rgb(4,100,239)
```

Shade Color Variation

#0d6efb
```
#0d6efb rgb(13,110,251)
```
#2079fb
```
#2079fb rgb(32,121,251)
```
#3385fb
```
#3385fb rgb(51,133,251)
```
#4690fc
```
#4690fc rgb(70,144,252)
```
#5a9cfc
```
#5a9cfc rgb(90,156,252)
```
#6da7fc
```
#6da7fc rgb(109,167,252)
```
#80b3fd
```
#80b3fd rgb(128,179,253)
```
#93bffd
```
#93bffd rgb(147,191,253)
```
#a7cafd
```
#a7cafd rgb(167,202,253)
```
#bad6fe
```
#bad6fe rgb(186,214,254)
```
#cde1fe
```
#cde1fe rgb(205,225,254)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5256 is the less saturated color, while #0344a2 is the most saturated one.

#4f5256
```
#4f5256 rgb(79,82,86)
```
#49515c
```
#49515c rgb(73,81,92)
```
#425063
```
#425063 rgb(66,80,99)
```
#3c4e69
```
#3c4e69 rgb(60,78,105)
```
#364d6f
```
#364d6f rgb(54,77,111)
```
#2f4c76
```
#2f4c76 rgb(47,76,118)
```
#294b7c
```
#294b7c rgb(41,75,124)
```
#234a82
```
#234a82 rgb(35,74,130)
```
#1c4989
```
#1c4989 rgb(28,73,137)
```
#16478f
```
#16478f rgb(22,71,143)
```
#104695
```
#104695 rgb(16,70,149)
```
#09459c
```
#09459c rgb(9,69,156)
```
#0344a2
```
#0344a2 rgb(3,68,162)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#303d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509d Protanopia 1% of men
#005589 Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#014b9f Protanomaly 1% of men, 0.01% of women
#014e92 Deuteranomaly 6% of men, 0.4% of women
#015278 Tritanomaly 0.01% of the population