#045b77 hex color

In a RGB color space, hex #045b77 is composed of 1.6% red, 35.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 23.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 194.6 degrees, a saturation of 93.5% and a lightness of 24.1%. #045b77 color hex could be obtained by blending #08b6ee with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 36
- B 47
RGB color chart
- C 97
- M 24
- Y 0
- K 53
CMYK color chart

● #045b77 color description : Dark cyan.

The hexadecimal color #045b77 has RGB values of R:4, G:91, B:119 and CMYK values of C:0.97, M:0.24, Y:0, K:0.53. Its decimal value is 285559.

Hex triplet	045b77	`#045b77`
RGB Decimal	4, 91, 119	`rgb(4,91,119)`
RGB Percent	1.6, 35.7, 46.7	`rgb(1.6%,35.7%,46.7%)`
CMYK	97, 24, 0, 53
HSL	194.6°, 93.5, 24.1	`hsl(194.6,93.5%,24.1%)`
HSV (or HSB)	194.6°, 96.6, 46.7
Web Safe	006666	`#006666`

CIE-LAB	35.673, -11.953, -22.243
XYZ	7.12, 8.839, 18.783
xyY	0.205, 0.254, 8.839
CIE-LCH	35.673, 25.251, 241.747
CIE-LUV	35.673, -24.381, -29.017
Hunter-Lab	29.731, -9.281, -16.645
Binary	00000100, 01011011, 01110111

#045b77
```
#045b77 rgb(4,91,119)
```
#772004
```
#772004 rgb(119,32,4)
```

Complementary Color

#04775a
```
#04775a rgb(4,119,90)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#042277
```
#042277 rgb(4,34,119)
```

Analogous Color

#775a04
```
#775a04 rgb(119,90,4)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#770422
```
#770422 rgb(119,4,34)
```

Split Complementary Color

#5b7704
```
#5b7704 rgb(91,119,4)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#77045b
```
#77045b rgb(119,4,91)
```

Triadic Color

#047720
```
#047720 rgb(4,119,32)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#77045b
```
#77045b rgb(119,4,91)
```
#772004
```
#772004 rgb(119,32,4)
```

Tetradic Color

#02222d
```
#02222d rgb(2,34,45)
```
#023546
```
#023546 rgb(2,53,70)
```
#03485e
```
#03485e rgb(3,72,94)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#056e90
```
#056e90 rgb(5,110,144)
```
#0681a8
```
#0681a8 rgb(6,129,168)
```
#0694c1
```
#0694c1 rgb(6,148,193)
```

Monochromatic Color

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

#047776
```
#047776 rgb(4,119,118)
```
#046e77
```
#046e77 rgb(4,110,119)
```
#046577
```
#046577 rgb(4,101,119)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#045177
```
#045177 rgb(4,81,119)
```
#044877
```
#044877 rgb(4,72,119)
```
#043e77
```
#043e77 rgb(4,62,119)
```

Similar Colors

Text with hexadecimal color #045b77

This text has a font color of #045b77.

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

#045b77 background color

This paragraph has a background color of #045b77.

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

#045b77 border color

This element has a border color of #045b77.

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

CSS codes

.text {color:#045b77;}

.background {background-color:#045b77;}

.border {border:1px solid #045b77;}

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

#000405
```
#000405 rgb(0,4,5)
```
#011218
```
#011218 rgb(1,18,24)
```
#01212b
```
#01212b rgb(1,33,43)
```
#022f3e
```
#022f3e rgb(2,47,62)
```
#033e51
```
#033e51 rgb(3,62,81)
```
#034c64
```
#034c64 rgb(3,76,100)
```
#045b77
```
#045b77 rgb(4,91,119)
```
#056a8a
```
#056a8a rgb(5,106,138)
```
#05789d
```
#05789d rgb(5,120,157)
```
#0687b0
```
#0687b0 rgb(6,135,176)
```
#0795c3
```
#0795c3 rgb(7,149,195)
```
#07a4d6
```
#07a4d6 rgb(7,164,214)
```
#08b2e9
```
#08b2e9 rgb(8,178,233)
```

Shade Color Variation

#0dbef7
```
#0dbef7 rgb(13,190,247)
```
#20c3f8
```
#20c3f8 rgb(32,195,248)
```
#33c8f8
```
#33c8f8 rgb(51,200,248)
```
#46cdf9
```
#46cdf9 rgb(70,205,249)
```
#59d2f9
```
#59d2f9 rgb(89,210,249)
```
#6cd8fa
```
#6cd8fa rgb(108,216,250)
```
#7fddfb
```
#7fddfb rgb(127,221,251)
```
#92e2fb
```
#92e2fb rgb(146,226,251)
```
#a5e7fc
```
#a5e7fc rgb(165,231,252)
```
#b8ecfd
```
#b8ecfd rgb(184,236,253)
```
#cbf1fd
```
#cbf1fd rgb(203,241,253)
```
#def6fe
```
#def6fe rgb(222,246,254)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3e3e is the less saturated color, while #045b77 is the most saturated one.

#3d3e3e
```
#3d3e3e rgb(61,62,62)
```
#384043
```
#384043 rgb(56,64,67)
```
#334348
```
#334348 rgb(51,67,72)
```
#2f454c
```
#2f454c rgb(47,69,76)
```
#2a4851
```
#2a4851 rgb(42,72,81)
```
#254a56
```
#254a56 rgb(37,74,86)
```
#204c5b
```
#204c5b rgb(32,76,91)
```
#1c4f5f
```
#1c4f5f rgb(28,79,95)
```
#175164
```
#175164 rgb(23,81,100)
```
#125469
```
#125469 rgb(18,84,105)
```
#0d566e
```
#0d566e rgb(13,86,110)
```
#095972
```
#095972 rgb(9,89,114)
```
#045b77
```
#045b77 rgb(4,91,119)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#37494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#545b78 Protanopia 1% of men
#4d5c81 Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#365b78 Protanomaly 1% of men, 0.01% of women
#325b7d Deuteranomaly 6% of men, 0.4% of women
#016170 Tritanomaly 0.01% of the population

#045b77 hex color

#045b77 Color Information

#045b77 Color Conversion

Color Schemes with #045b77

Alternatives to #045b77

#045b77 Preview

Shades and Tints of #045b77

Tones of #045b77

Color Blindness Simulator