#0378b2 hex color

In a RGB color space, hex #0378b2 is composed of 1.2% red, 47.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 32.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 199.9 degrees, a saturation of 96.7% and a lightness of 35.5%. #0378b2 color hex could be obtained by blending #06f0ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 1
- G 47
- B 70
RGB color chart
- C 98
- M 33
- Y 0
- K 30
CMYK color chart

● #0378b2 color description : Dark blue.

The hexadecimal color #0378b2 has RGB values of R:3, G:120, B:178 and CMYK values of C:0.98, M:0.33, Y:0, K:0.3. Its decimal value is 227506.

Hex triplet	0378b2	`#0378b2`
RGB Decimal	3, 120, 178	`rgb(3,120,178)`
RGB Percent	1.2, 47.1, 69.8	`rgb(1.2%,47.1%,69.8%)`
CMYK	98, 33, 0, 30
HSL	199.9°, 96.7, 35.5	`hsl(199.9,96.7%,35.5%)`
HSV (or HSB)	199.9°, 98.3, 69.8
Web Safe	006699	`#006699`

CIE-LAB	47.835, -6.231, -38.421
XYZ	14.788, 16.665, 44.554
xyY	0.195, 0.219, 16.665
CIE-LCH	47.835, 38.923, 260.788
CIE-LUV	47.835, -30.706, -57.143
Hunter-Lab	40.823, -6.78, -36.133
Binary	00000011, 01111000, 10110010

#0378b2
```
#0378b2 rgb(3,120,178)
```
#b23d03
```
#b23d03 rgb(178,61,3)
```

Complementary Color

#03b295
```
#03b295 rgb(3,178,149)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#0321b2
```
#0321b2 rgb(3,33,178)
```

Analogous Color

#b29503
```
#b29503 rgb(178,149,3)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#b20321
```
#b20321 rgb(178,3,33)
```

Split Complementary Color

#78b203
```
#78b203 rgb(120,178,3)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#b20378
```
#b20378 rgb(178,3,120)
```

Triadic Color

#03b23d
```
#03b23d rgb(3,178,61)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#b20378
```
#b20378 rgb(178,3,120)
```
#b23d03
```
#b23d03 rgb(178,61,3)
```

Tetradic Color

#024567
```
#024567 rgb(2,69,103)
```
#025680
```
#025680 rgb(2,86,128)
```
#036799
```
#036799 rgb(3,103,153)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#0389cb
```
#0389cb rgb(3,137,203)
```
#049ae4
```
#049ae4 rgb(4,154,228)
```
#07aafb
```
#07aafb rgb(7,170,251)
```

Monochromatic Color

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

#03a4b2
```
#03a4b2 rgb(3,164,178)
```
#0395b2
```
#0395b2 rgb(3,149,178)
```
#0387b2
```
#0387b2 rgb(3,135,178)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#0369b2
```
#0369b2 rgb(3,105,178)
```
#035bb2
```
#035bb2 rgb(3,91,178)
```
#034cb2
```
#034cb2 rgb(3,76,178)
```

Similar Colors

Text with hexadecimal color #0378b2

This text has a font color of #0378b2.

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

#0378b2 background color

This paragraph has a background color of #0378b2.

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

#0378b2 border color

This element has a border color of #0378b2.

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

CSS codes

.text {color:#0378b2;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001018
```
#001018 rgb(0,16,24)
```
#011d2b
```
#011d2b rgb(1,29,43)
```
#012a3e
```
#012a3e rgb(1,42,62)
```
#013752
```
#013752 rgb(1,55,82)
```
#024465
```
#024465 rgb(2,68,101)
```
#025178
```
#025178 rgb(2,81,120)
```
#025e8b
```
#025e8b rgb(2,94,139)
```
#036b9f
```
#036b9f rgb(3,107,159)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```
#0385c5
```
#0385c5 rgb(3,133,197)
```
#0492d9
```
#0492d9 rgb(4,146,217)
```
#049fec
```
#049fec rgb(4,159,236)
```

Shade Color Variation

#09abfb
```
#09abfb rgb(9,171,251)
```
#1cb1fb
```
#1cb1fb rgb(28,177,251)
```
#2fb8fb
```
#2fb8fb rgb(47,184,251)
```
#42befc
```
#42befc rgb(66,190,252)
```
#56c5fc
```
#56c5fc rgb(86,197,252)
```
#69ccfc
```
#69ccfc rgb(105,204,252)
```
#7cd2fd
```
#7cd2fd rgb(124,210,253)
```
#90d9fd
```
#90d9fd rgb(144,217,253)
```
#a3dffd
```
#a3dffd rgb(163,223,253)
```
#b6e6fe
```
#b6e6fe rgb(182,230,254)
```
#caedfe
```
#caedfe rgb(202,237,254)
```
#ddf3fe
```
#ddf3fe rgb(221,243,254)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#575c5e
```
#575c5e rgb(87,92,94)
```
#505e65
```
#505e65 rgb(80,94,101)
```
#49616c
```
#49616c rgb(73,97,108)
```
#426373
```
#426373 rgb(66,99,115)
```
#3b657a
```
#3b657a rgb(59,101,122)
```
#346881
```
#346881 rgb(52,104,129)
```
#2d6a88
```
#2d6a88 rgb(45,106,136)
```
#266c8f
```
#266c8f rgb(38,108,143)
```
#1f6f96
```
#1f6f96 rgb(31,111,150)
```
#18719d
```
#18719d rgb(24,113,157)
```
#1173a4
```
#1173a4 rgb(17,115,164)
```
#0a76ab
```
#0a76ab rgb(10,118,171)
```
#0378b2
```
#0378b2 rgb(3,120,178)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4a626d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6377af Protanopia 1% of men
#5179b8 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4077b0 Protanomaly 1% of men, 0.01% of women
#3478b6 Deuteranomaly 6% of men, 0.4% of women
#01809a Tritanomaly 0.01% of the population

#0378b2 hex color

#0378b2 Color Information

#0378b2 Color Conversion

Color Schemes with #0378b2

Alternatives to #0378b2

#0378b2 Preview

Shades and Tints of #0378b2

Tones of #0378b2

Color Blindness Simulator