#0378ae hex color

In a RGB color space, hex #0378ae is composed of 1.2% red, 47.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 31% magenta, 0% yellow and 31.8% black. It has a hue angle of 198.9 degrees, a saturation of 96.6% and a lightness of 34.7%. #0378ae color hex could be obtained by blending #06f0ff with #00005d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 1
- G 47
- B 68
RGB color chart
- C 98
- M 31
- Y 0
- K 32
CMYK color chart

● #0378ae color description : Dark blue.

The hexadecimal color #0378ae has RGB values of R:3, G:120, B:174 and CMYK values of C:0.98, M:0.31, Y:0, K:0.32. Its decimal value is 227502.

Hex triplet	0378ae	`#0378ae`
RGB Decimal	3, 120, 174	`rgb(3,120,174)`
RGB Percent	1.2, 47.1, 68.2	`rgb(1.2%,47.1%,68.2%)`
CMYK	98, 31, 0, 32
HSL	198.9°, 96.6, 34.7	`hsl(198.9,96.6%,34.7%)`
HSV (or HSB)	198.9°, 98.3, 68.2
Web Safe	006699	`#006699`

CIE-LAB	47.633, -7.778, -36.418
XYZ	14.392, 16.507, 42.47
xyY	0.196, 0.225, 16.507
CIE-LCH	47.633, 37.239, 257.944
CIE-LUV	47.633, -30.963, -53.764
Hunter-Lab	40.629, -7.869, -33.537
Binary	00000011, 01111000, 10101110

#0378ae
```
#0378ae rgb(3,120,174)
```
#ae3903
```
#ae3903 rgb(174,57,3)
```

Complementary Color

#03ae8f
```
#03ae8f rgb(3,174,143)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#0323ae
```
#0323ae rgb(3,35,174)
```

Analogous Color

#ae8f03
```
#ae8f03 rgb(174,143,3)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#ae0323
```
#ae0323 rgb(174,3,35)
```

Split Complementary Color

#78ae03
```
#78ae03 rgb(120,174,3)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#ae0378
```
#ae0378 rgb(174,3,120)
```

Triadic Color

#03ae39
```
#03ae39 rgb(3,174,57)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#ae0378
```
#ae0378 rgb(174,3,120)
```
#ae3903
```
#ae3903 rgb(174,57,3)
```

Tetradic Color

#024463
```
#024463 rgb(2,68,99)
```
#02557c
```
#02557c rgb(2,85,124)
```
#036795
```
#036795 rgb(3,103,149)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#0389c7
```
#0389c7 rgb(3,137,199)
```
#049be0
```
#049be0 rgb(4,155,224)
```
#04acf9
```
#04acf9 rgb(4,172,249)
```

Monochromatic Color

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

#03a3ae
```
#03a3ae rgb(3,163,174)
```
#0395ae
```
#0395ae rgb(3,149,174)
```
#0386ae
```
#0386ae rgb(3,134,174)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#036aae
```
#036aae rgb(3,106,174)
```
#035cae
```
#035cae rgb(3,92,174)
```
#034dae
```
#034dae rgb(3,77,174)
```

Similar Colors

Text with hexadecimal color #0378ae

This text has a font color of #0378ae.

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

#0378ae background color

This paragraph has a background color of #0378ae.

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

#0378ae border color

This element has a border color of #0378ae.

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

CSS codes

.text {color:#0378ae;}

.background {background-color:#0378ae;}

.border {border:1px solid #0378ae;}

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

#000000
```
#000000 rgb(0,0,0)
```
#000e14
```
#000e14 rgb(0,14,20)
```
#011b27
```
#011b27 rgb(1,27,39)
```
#01283a
```
#01283a rgb(1,40,58)
```
#01364e
```
#01364e rgb(1,54,78)
```
#024361
```
#024361 rgb(2,67,97)
```
#025074
```
#025074 rgb(2,80,116)
```
#025d87
```
#025d87 rgb(2,93,135)
```
#036b9b
```
#036b9b rgb(3,107,155)
```
#0378ae
```
#0378ae rgb(3,120,174)
```
#0385c1
```
#0385c1 rgb(3,133,193)
```
#0493d5
```
#0493d5 rgb(4,147,213)
```
#04a0e8
```
#04a0e8 rgb(4,160,232)
```

Shade Color Variation

#05adfb
```
#05adfb rgb(5,173,251)
```
#18b3fb
```
#18b3fb rgb(24,179,251)
```
#2bbafb
```
#2bbafb rgb(43,186,251)
```
#3fc0fc
```
#3fc0fc rgb(63,192,252)
```
#52c6fc
```
#52c6fc rgb(82,198,252)
```
#65cdfc
```
#65cdfc rgb(101,205,252)
```
#78d3fd
```
#78d3fd rgb(120,211,253)
```
#8cd9fd
```
#8cd9fd rgb(140,217,253)
```
#9fe0fd
```
#9fe0fd rgb(159,224,253)
```
#b2e6fe
```
#b2e6fe rgb(178,230,254)
```
#c6ecfe
```
#c6ecfe rgb(198,236,254)
```
#d9f3fe
```
#d9f3fe rgb(217,243,254)
```
#ecf9ff
```
#ecf9ff rgb(236,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555a5c is the less saturated color, while #0378ae is the most saturated one.

#555a5c
```
#555a5c rgb(85,90,92)
```
#4e5c63
```
#4e5c63 rgb(78,92,99)
```
#475f6a
```
#475f6a rgb(71,95,106)
```
#406171
```
#406171 rgb(64,97,113)
```
#396478
```
#396478 rgb(57,100,120)
```
#33667e
```
#33667e rgb(51,102,126)
```
#2c6985
```
#2c6985 rgb(44,105,133)
```
#256b8c
```
#256b8c rgb(37,107,140)
```
#1e6e93
```
#1e6e93 rgb(30,110,147)
```
#17709a
```
#17709a rgb(23,112,154)
```
#1173a0
```
#1173a0 rgb(17,115,160)
```
#0a75a7
```
#0a75a7 rgb(10,117,167)
```
#0378ae
```
#0378ae rgb(3,120,174)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#49616c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6576ab Protanopia 1% of men
#5478b5 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#4177ac Protanomaly 1% of men, 0.01% of women
#3778b2 Deuteranomaly 6% of men, 0.4% of women
#017f98 Tritanomaly 0.01% of the population

#0378ae hex color

#0378ae Color Information

#0378ae Color Conversion

Color Schemes with #0378ae

Alternatives to #0378ae

#0378ae Preview

Shades and Tints of #0378ae

Tones of #0378ae

Color Blindness Simulator