#054366 hex color

In a RGB color space, hex #054366 is composed of 2% red, 26.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 34.3% magenta, 0% yellow and 60% black. It has a hue angle of 201.6 degrees, a saturation of 90.7% and a lightness of 21%. #054366 color hex could be obtained by blending #0a86cc with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 26
- B 40
RGB color chart
- C 95
- M 34
- Y 0
- K 60
CMYK color chart

● #054366 color description : Very dark blue.

The hexadecimal color #054366 has RGB values of R:5, G:67, B:102 and CMYK values of C:0.95, M:0.34, Y:0, K:0.6. Its decimal value is 344934.

Hex triplet	054366	`#054366`
RGB Decimal	5, 67, 102	`rgb(5,67,102)`
RGB Percent	2, 26.3, 40	`rgb(2%,26.3%,40%)`
CMYK	95, 34, 0, 60
HSL	201.6°, 90.7, 21	`hsl(201.6,90.7%,21%)`
HSV (or HSB)	201.6°, 95.1, 40
Web Safe	003366	`#003366`

CIE-LAB	26.75, -3.824, -25.527
XYZ	4.467, 5.005, 13.3
xyY	0.196, 0.22, 5.005
CIE-LCH	26.75, 25.812, 261.479
CIE-LUV	26.75, -16.776, -31.715
Hunter-Lab	22.373, -3.51, -19.586
Binary	00000101, 01000011, 01100110

#054366
```
#054366 rgb(5,67,102)
```
#662805
```
#662805 rgb(102,40,5)
```

Complementary Color

#056659
```
#056659 rgb(5,102,89)
```
#054366
```
#054366 rgb(5,67,102)
```
#051366
```
#051366 rgb(5,19,102)
```

Analogous Color

#665905
```
#665905 rgb(102,89,5)
```
#054366
```
#054366 rgb(5,67,102)
```
#660513
```
#660513 rgb(102,5,19)
```

Split Complementary Color

#436605
```
#436605 rgb(67,102,5)
```
#054366
```
#054366 rgb(5,67,102)
```
#660543
```
#660543 rgb(102,5,67)
```

Triadic Color

#056628
```
#056628 rgb(5,102,40)
```
#054366
```
#054366 rgb(5,67,102)
```
#660543
```
#660543 rgb(102,5,67)
```
#662805
```
#662805 rgb(102,40,5)
```

Tetradic Color

#01131d
```
#01131d rgb(1,19,29)
```
#032335
```
#032335 rgb(3,35,53)
```
#04334e
```
#04334e rgb(4,51,78)
```
#054366
```
#054366 rgb(5,67,102)
```
#06537e
```
#06537e rgb(6,83,126)
```
#076397
```
#076397 rgb(7,99,151)
```
#0973af
```
#0973af rgb(9,115,175)
```

Monochromatic Color

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

#055b66
```
#055b66 rgb(5,91,102)
```
#055366
```
#055366 rgb(5,83,102)
```
#054b66
```
#054b66 rgb(5,75,102)
```
#054366
```
#054366 rgb(5,67,102)
```
#053b66
```
#053b66 rgb(5,59,102)
```
#053366
```
#053366 rgb(5,51,102)
```
#052b66
```
#052b66 rgb(5,43,102)
```

Similar Colors

Text with hexadecimal color #054366

This text has a font color of #054366.

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

#054366 background color

This paragraph has a background color of #054366.

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

#054366 border color

This element has a border color of #054366.

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

CSS codes

.text {color:#054366;}

.background {background-color:#054366;}

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

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

#000609
```
#000609 rgb(0,6,9)
```
#01121b
```
#01121b rgb(1,18,27)
```
#021e2e
```
#021e2e rgb(2,30,46)
```
#032a41
```
#032a41 rgb(3,42,65)
```
#043753
```
#043753 rgb(4,55,83)
```
#054366
```
#054366 rgb(5,67,102)
```
#064f79
```
#064f79 rgb(6,79,121)
```
#075c8b
```
#075c8b rgb(7,92,139)
```
#08689e
```
#08689e rgb(8,104,158)
```
#0974b1
```
#0974b1 rgb(9,116,177)
```
#0a80c3
```
#0a80c3 rgb(10,128,195)
```
#0a8dd6
```
#0a8dd6 rgb(10,141,214)
```
#0b99e9
```
#0b99e9 rgb(11,153,233)
```

Shade Color Variation

#14a3f4
```
#14a3f4 rgb(20,163,244)
```
#27aaf4
```
#27aaf4 rgb(39,170,244)
```
#3ab2f5
```
#3ab2f5 rgb(58,178,245)
```
#4db9f6
```
#4db9f6 rgb(77,185,246)
```
#5fc0f7
```
#5fc0f7 rgb(95,192,247)
```
#72c8f8
```
#72c8f8 rgb(114,200,248)
```
#85cff9
```
#85cff9 rgb(133,207,249)
```
#97d6fa
```
#97d6fa rgb(151,214,250)
```
#aadefb
```
#aadefb rgb(170,222,251)
```
#bde5fc
```
#bde5fc rgb(189,229,252)
```
#cfecfd
```
#cfecfd rgb(207,236,253)
```
#e2f4fe
```
#e2f4fe rgb(226,244,254)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#323639
```
#323639 rgb(50,54,57)
```
#2e383d
```
#2e383d rgb(46,56,61)
```
#2a3941
```
#2a3941 rgb(42,57,65)
```
#263a45
```
#263a45 rgb(38,58,69)
```
#223b49
```
#223b49 rgb(34,59,73)
```
#1e3c4d
```
#1e3c4d rgb(30,60,77)
```
#1a3d51
```
#1a3d51 rgb(26,61,81)
```
#153e56
```
#153e56 rgb(21,62,86)
```
#11405a
```
#11405a rgb(17,64,90)
```
#0d415e
```
#0d415e rgb(13,65,94)
```
#094262
```
#094262 rgb(9,66,98)
```
#054366
```
#054366 rgb(5,67,102)
```
#01446a
```
#01446a rgb(1,68,106)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2b373e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c486a Protanopia 1% of men
#31496f Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#284668 Protanomaly 1% of men, 0.01% of women
#21476c Deuteranomaly 6% of men, 0.4% of women
#014b5b Tritanomaly 0.01% of the population

#054366 hex color

#054366 Color Information

#054366 Color Conversion

Color Schemes with #054366

Alternatives to #054366

#054366 Preview

Shades and Tints of #054366

Tones of #054366

Color Blindness Simulator