#054768 hex color

In a RGB color space, hex #054768 is composed of 2% red, 27.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 31.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 200 degrees, a saturation of 90.8% and a lightness of 21.4%. #054768 color hex could be obtained by blending #0a8ed0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 28
- B 41
RGB color chart
- C 95
- M 32
- Y 0
- K 59
CMYK color chart

● #054768 color description : Very dark blue.

The hexadecimal color #054768 has RGB values of R:5, G:71, B:104 and CMYK values of C:0.95, M:0.32, Y:0, K:0.59. Its decimal value is 345960.

Hex triplet	054768	`#054768`
RGB Decimal	5, 71, 104	`rgb(5,71,104)`
RGB Percent	2, 27.8, 40.8	`rgb(2%,27.8%,40.8%)`
CMYK	95, 32, 0, 59
HSL	200°, 90.8, 21.4	`hsl(200,90.8%,21.4%)`
HSV (or HSB)	200°, 95.2, 40.8
Web Safe	003366	`#003366`

CIE-LAB	28.215, -5.589, -24.498
XYZ	4.814, 5.538, 13.911
xyY	0.198, 0.228, 5.538
CIE-LCH	28.215, 25.128, 257.15
CIE-LUV	28.215, -18.075, -30.741
Hunter-Lab	23.532, -4.667, -18.576
Binary	00000101, 01000111, 01101000

#054768
```
#054768 rgb(5,71,104)
```
#682605
```
#682605 rgb(104,38,5)
```

Complementary Color

#056858
```
#056858 rgb(5,104,88)
```
#054768
```
#054768 rgb(5,71,104)
```
#051668
```
#051668 rgb(5,22,104)
```

Analogous Color

#685705
```
#685705 rgb(104,87,5)
```
#054768
```
#054768 rgb(5,71,104)
```
#680516
```
#680516 rgb(104,5,22)
```

Split Complementary Color

#476805
```
#476805 rgb(71,104,5)
```
#054768
```
#054768 rgb(5,71,104)
```
#680547
```
#680547 rgb(104,5,71)
```

Triadic Color

#056826
```
#056826 rgb(5,104,38)
```
#054768
```
#054768 rgb(5,71,104)
```
#680547
```
#680547 rgb(104,5,71)
```
#682605
```
#682605 rgb(104,38,5)
```

Tetradic Color

#01151f
```
#01151f rgb(1,21,31)
```
#032637
```
#032637 rgb(3,38,55)
```
#043650
```
#043650 rgb(4,54,80)
```
#054768
```
#054768 rgb(5,71,104)
```
#065880
```
#065880 rgb(6,88,128)
```
#076899
```
#076899 rgb(7,104,153)
```
#0979b1
```
#0979b1 rgb(9,121,177)
```

Monochromatic Color

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

#056068
```
#056068 rgb(5,96,104)
```
#055868
```
#055868 rgb(5,88,104)
```
#054f68
```
#054f68 rgb(5,79,104)
```
#054768
```
#054768 rgb(5,71,104)
```
#053f68
```
#053f68 rgb(5,63,104)
```
#053768
```
#053768 rgb(5,55,104)
```
#052e68
```
#052e68 rgb(5,46,104)
```

Similar Colors

Text with hexadecimal color #054768

This text has a font color of #054768.

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

#054768 background color

This paragraph has a background color of #054768.

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

#054768 border color

This element has a border color of #054768.

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

CSS codes

.text {color:#054768;}

.background {background-color:#054768;}

.border {border:1px solid #054768;}

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, #01070a is the darkest color, while #f7fcff is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#01141d
```
#01141d rgb(1,20,29)
```
#022130
```
#022130 rgb(2,33,48)
```
#032d43
```
#032d43 rgb(3,45,67)
```
#043a55
```
#043a55 rgb(4,58,85)
```
#054768
```
#054768 rgb(5,71,104)
```
#06547b
```
#06547b rgb(6,84,123)
```
#07618d
```
#07618d rgb(7,97,141)
```
#086da0
```
#086da0 rgb(8,109,160)
```
#097ab3
```
#097ab3 rgb(9,122,179)
```
#0987c6
```
#0987c6 rgb(9,135,198)
```
#0a94d8
```
#0a94d8 rgb(10,148,216)
```
#0ba0eb
```
#0ba0eb rgb(11,160,235)
```

Shade Color Variation

#16aaf4
```
#16aaf4 rgb(22,170,244)
```
#29b1f5
```
#29b1f5 rgb(41,177,245)
```
#3cb8f6
```
#3cb8f6 rgb(60,184,246)
```
#4ebef7
```
#4ebef7 rgb(78,190,247)
```
#61c5f7
```
#61c5f7 rgb(97,197,247)
```
#74ccf8
```
#74ccf8 rgb(116,204,248)
```
#86d3f9
```
#86d3f9 rgb(134,211,249)
```
#99dafa
```
#99dafa rgb(153,218,250)
```
#ace1fb
```
#ace1fb rgb(172,225,251)
```
#bfe7fc
```
#bfe7fc rgb(191,231,252)
```
#d1eefd
```
#d1eefd rgb(209,238,253)
```
#e4f5fe
```
#e4f5fe rgb(228,245,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #33383a is the less saturated color, while #01486c is the most saturated one.

#33383a
```
#33383a rgb(51,56,58)
```
#2f393e
```
#2f393e rgb(47,57,62)
```
#2b3a42
```
#2b3a42 rgb(43,58,66)
```
#273c46
```
#273c46 rgb(39,60,70)
```
#223d4b
```
#223d4b rgb(34,61,75)
```
#1e3f4f
```
#1e3f4f rgb(30,63,79)
```
#1a4053
```
#1a4053 rgb(26,64,83)
```
#164157
```
#164157 rgb(22,65,87)
```
#12435b
```
#12435b rgb(18,67,91)
```
#0d4460
```
#0d4460 rgb(13,68,96)
```
#094664
```
#094664 rgb(9,70,100)
```
#054768
```
#054768 rgb(5,71,104)
```
#01486c
```
#01486c rgb(1,72,108)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2d3a41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#404b6b Protanopia 1% of men
#374c71 Deuteranopia 1% of men
#005359 Tritanopia 0.001% of the population

Trichromacy

#2b496a Protanomaly 1% of men, 0.01% of women
#254a6e Deuteranomaly 6% of men, 0.4% of women
#014f5e Tritanomaly 0.01% of the population

#054768 hex color

#054768 Color Information

#054768 Color Conversion

Color Schemes with #054768

Alternatives to #054768

#054768 Preview

Shades and Tints of #054768

Tones of #054768

Color Blindness Simulator