#6078a2 hex color

In a RGB color space, hex #6078a2 is composed of 37.6% red, 47.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 25.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 218.2 degrees, a saturation of 26.2% and a lightness of 50.6%. #6078a2 color hex could be obtained by blending #c0f0ff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 38
- G 47
- B 64
RGB color chart
- C 41
- M 26
- Y 0
- K 36
CMYK color chart

● #6078a2 color description : Mostly desaturated dark blue.

The hexadecimal color #6078a2 has RGB values of R:96, G:120, B:162 and CMYK values of C:0.41, M:0.26, Y:0, K:0.36. Its decimal value is 6322338.

Hex triplet	6078a2	`#6078a2`
RGB Decimal	96, 120, 162	`rgb(96,120,162)`
RGB Percent	37.6, 47.1, 63.5	`rgb(37.6%,47.1%,63.5%)`
CMYK	41, 26, 0, 36
HSL	218.2°, 26.2, 50.6	`hsl(218.2,26.2%,50.6%)`
HSV (or HSB)	218.2°, 40.7, 63.5
Web Safe	666699	`#666699`

CIE-LAB	50.13, 2.41, -25.302
XYZ	18.061, 18.528, 36.805
xyY	0.246, 0.252, 18.528
CIE-LCH	50.13, 25.417, 275.441
CIE-LUV	50.13, -13.083, -37.81
Hunter-Lab	43.044, -0.431, -20.566
Binary	01100000, 01111000, 10100010

#6078a2
```
#6078a2 rgb(96,120,162)
```
#a28a60
```
#a28a60 rgb(162,138,96)
```

Complementary Color

#6099a2
```
#6099a2 rgb(96,153,162)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#6960a2
```
#6960a2 rgb(105,96,162)
```

Analogous Color

#99a260
```
#99a260 rgb(153,162,96)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#a26960
```
#a26960 rgb(162,105,96)
```

Split Complementary Color

#78a260
```
#78a260 rgb(120,162,96)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#a26078
```
#a26078 rgb(162,96,120)
```

Triadic Color

#60a28a
```
#60a28a rgb(96,162,138)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#a26078
```
#a26078 rgb(162,96,120)
```
#a28a60
```
#a28a60 rgb(162,138,96)
```

Tetradic Color

#435473
```
#435473 rgb(67,84,115)
```
#4c6083
```
#4c6083 rgb(76,96,131)
```
#566c93
```
#566c93 rgb(86,108,147)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#7086ab
```
#7086ab rgb(112,134,171)
```
#8093b5
```
#8093b5 rgb(128,147,181)
```
#90a1be
```
#90a1be rgb(144,161,190)
```

Monochromatic Color

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

#6089a2
```
#6089a2 rgb(96,137,162)
```
#6083a2
```
#6083a2 rgb(96,131,162)
```
#607ea2
```
#607ea2 rgb(96,126,162)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#6073a2
```
#6073a2 rgb(96,115,162)
```
#606da2
```
#606da2 rgb(96,109,162)
```
#6068a2
```
#6068a2 rgb(96,104,162)
```

Similar Colors

Text with hexadecimal color #6078a2

This text has a font color of #6078a2.

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

#6078a2 background color

This paragraph has a background color of #6078a2.

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

#6078a2 border color

This element has a border color of #6078a2.

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

CSS codes

.text {color:#6078a2;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080b0e
```
#080b0e rgb(8,11,14)
```
#10141b
```
#10141b rgb(16,20,27)
```
#171d27
```
#171d27 rgb(23,29,39)
```
#1e2633
```
#1e2633 rgb(30,38,51)
```
#252f40
```
#252f40 rgb(37,47,64)
```
#2d384c
```
#2d384c rgb(45,56,76)
```
#344159
```
#344159 rgb(52,65,89)
```
#3b4a65
```
#3b4a65 rgb(59,74,101)
```
#425371
```
#425371 rgb(66,83,113)
```
#495c7e
```
#495c7e rgb(73,92,126)
```
#51668a
```
#51668a rgb(81,102,138)
```
#586f96
```
#586f96 rgb(88,111,150)
```

Shade Color Variation

#6078a2
```
#6078a2 rgb(96,120,162)
```
#6c83a9
```
#6c83a9 rgb(108,131,169)
```
#798db0
```
#798db0 rgb(121,141,176)
```
#8598b8
```
#8598b8 rgb(133,152,184)
```
#92a2bf
```
#92a2bf rgb(146,162,191)
```
#9eadc6
```
#9eadc6 rgb(158,173,198)
```
#aab7cd
```
#aab7cd rgb(170,183,205)
```
#b7c2d5
```
#b7c2d5 rgb(183,194,213)
```
#c3ccdc
```
#c3ccdc rgb(195,204,220)
```
#cfd7e3
```
#cfd7e3 rgb(207,215,227)
```
#dce1ea
```
#dce1ea rgb(220,225,234)
```
#e8ecf2
```
#e8ecf2 rgb(232,236,242)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8085 is the less saturated color, while #0960f9 is the most saturated one.

#7d8085
```
#7d8085 rgb(125,128,133)
```
#737d8f
```
#737d8f rgb(115,125,143)
```
#6a7b98
```
#6a7b98 rgb(106,123,152)
```
#6078a2
```
#6078a2 rgb(96,120,162)
```
#5675ac
```
#5675ac rgb(86,117,172)
```
#4d73b5
```
#4d73b5 rgb(77,115,181)
```
#4370bf
```
#4370bf rgb(67,112,191)
```
#396dc9
```
#396dc9 rgb(57,109,201)
```
#306bd2
```
#306bd2 rgb(48,107,210)
```
#2668dc
```
#2668dc rgb(38,104,220)
```
#1c65e6
```
#1c65e6 rgb(28,101,230)
```
#1263f0
```
#1263f0 rgb(18,99,240)
```
#0960f9
```
#0960f9 rgb(9,96,249)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#72767f Atypical Achromatopsia 0.001% of the population

Dichromacy

#727ca5 Protanopia 1% of men
#707ca7 Deuteranopia 1% of men
#60838d Tritanopia 0.001% of the population

Trichromacy

#6b7ba4 Protanomaly 1% of men, 0.01% of women
#6a7ba5 Deuteranomaly 6% of men, 0.4% of women
#607f94 Tritanomaly 0.01% of the population

#6078a2 hex color

#6078a2 Color Information

#6078a2 Color Conversion

Color Schemes with #6078a2

Alternatives to #6078a2

#6078a2 Preview

Shades and Tints of #6078a2

Tones of #6078a2

Color Blindness Simulator