#0077af hex color

In a RGB color space, hex #0077af is composed of 0% red, 46.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 32% magenta, 0% yellow and 31.4% black. It has a hue angle of 199.2 degrees, a saturation of 100% and a lightness of 34.3%. #0077af color hex could be obtained by blending #00eeff with #00005f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 47
- B 69
RGB color chart
- C 100
- M 32
- Y 0
- K 31
CMYK color chart

● #0077af color description : Dark blue.

The hexadecimal color #0077af has RGB values of R:0, G:119, B:175 and CMYK values of C:1, M:0.32, Y:0, K:0.31. Its decimal value is 30639.

Hex triplet	0077af	`#0077af`
RGB Decimal	0, 119, 175	`rgb(0,119,175)`
RGB Percent	0, 46.7, 68.6	`rgb(0%,46.7%,68.6%)`
CMYK	100, 32, 0, 31
HSL	199.2°, 100, 34.3	`hsl(199.2,100%,34.3%)`
HSV (or HSB)	199.2°, 100, 68.6
Web Safe	006699	`#006699`

CIE-LAB	47.349, -6.923, -37.447
XYZ	14.333, 16.287, 42.943
xyY	0.195, 0.221, 16.287
CIE-LCH	47.349, 38.082, 259.525
CIE-LUV	47.349, -30.703, -55.413
Hunter-Lab	40.358, -7.233, -34.838
Binary	00000000, 01110111, 10101111

#0077af
```
#0077af rgb(0,119,175)
```
#af3800
```
#af3800 rgb(175,56,0)
```

Complementary Color

#00af90
```
#00af90 rgb(0,175,144)
```
#0077af
```
#0077af rgb(0,119,175)
```
#001faf
```
#001faf rgb(0,31,175)
```

Analogous Color

#af9000
```
#af9000 rgb(175,144,0)
```
#0077af
```
#0077af rgb(0,119,175)
```
#af001f
```
#af001f rgb(175,0,31)
```

Split Complementary Color

#77af00
```
#77af00 rgb(119,175,0)
```
#0077af
```
#0077af rgb(0,119,175)
```
#af0077
```
#af0077 rgb(175,0,119)
```

Triadic Color

#00af38
```
#00af38 rgb(0,175,56)
```
#0077af
```
#0077af rgb(0,119,175)
```
#af0077
```
#af0077 rgb(175,0,119)
```
#af3800
```
#af3800 rgb(175,56,0)
```

Tetradic Color

#004363
```
#004363 rgb(0,67,99)
```
#00547c
```
#00547c rgb(0,84,124)
```
#006696
```
#006696 rgb(0,102,150)
```
#0077af
```
#0077af rgb(0,119,175)
```
#0088c9
```
#0088c9 rgb(0,136,201)
```
#009ae2
```
#009ae2 rgb(0,154,226)
```
#00abfc
```
#00abfc rgb(0,171,252)
```

Monochromatic Color

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

#00a3af
```
#00a3af rgb(0,163,175)
```
#0094af
```
#0094af rgb(0,148,175)
```
#0086af
```
#0086af rgb(0,134,175)
```
#0077af
```
#0077af rgb(0,119,175)
```
#0068af
```
#0068af rgb(0,104,175)
```
#005aaf
```
#005aaf rgb(0,90,175)
```
#004baf
```
#004baf rgb(0,75,175)
```

Similar Colors

Text with hexadecimal color #0077af

This text has a font color of #0077af.

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

#0077af background color

This paragraph has a background color of #0077af.

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

#0077af border color

This element has a border color of #0077af.

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

CSS codes

.text {color:#0077af;}

.background {background-color:#0077af;}

.border {border:1px solid #0077af;}

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, #000c12 is the darkest color, while #fdffff is the lightest one.

#000c12
```
#000c12 rgb(0,12,18)
```
#001a26
```
#001a26 rgb(0,26,38)
```
#002739
```
#002739 rgb(0,39,57)
```
#00344d
```
#00344d rgb(0,52,77)
```
#004261
```
#004261 rgb(0,66,97)
```
#004f74
```
#004f74 rgb(0,79,116)
```
#005c88
```
#005c88 rgb(0,92,136)
```
#006a9b
```
#006a9b rgb(0,106,155)
```
#0077af
```
#0077af rgb(0,119,175)
```
#0084c3
```
#0084c3 rgb(0,132,195)
```
#0092d6
```
#0092d6 rgb(0,146,214)
```
#009fea
```
#009fea rgb(0,159,234)
```
#00acfd
```
#00acfd rgb(0,172,253)
```

Shade Color Variation

#12b3ff
```
#12b3ff rgb(18,179,255)
```
#26b9ff
```
#26b9ff rgb(38,185,255)
```
#39c0ff
```
#39c0ff rgb(57,192,255)
```
#4dc6ff
```
#4dc6ff rgb(77,198,255)
```
#61ccff
```
#61ccff rgb(97,204,255)
```
#74d3ff
```
#74d3ff rgb(116,211,255)
```
#88d9ff
```
#88d9ff rgb(136,217,255)
```
#9bdfff
```
#9bdfff rgb(155,223,255)
```
#afe5ff
```
#afe5ff rgb(175,229,255)
```
#c3ecff
```
#c3ecff rgb(195,236,255)
```
#d6f2ff
```
#d6f2ff rgb(214,242,255)
```
#eaf8ff
```
#eaf8ff rgb(234,248,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515a5e is the less saturated color, while #0077af is the most saturated one.

#515a5e
```
#515a5e rgb(81,90,94)
```
#4a5c65
```
#4a5c65 rgb(74,92,101)
```
#435f6c
```
#435f6c rgb(67,95,108)
```
#3d6172
```
#3d6172 rgb(61,97,114)
```
#366479
```
#366479 rgb(54,100,121)
```
#2f6680
```
#2f6680 rgb(47,102,128)
```
#286887
```
#286887 rgb(40,104,135)
```
#226b8d
```
#226b8d rgb(34,107,141)
```
#1b6d94
```
#1b6d94 rgb(27,109,148)
```
#14709b
```
#14709b rgb(20,112,155)
```
#0d72a2
```
#0d72a2 rgb(13,114,162)
```
#0775a8
```
#0775a8 rgb(7,117,168)
```
#0077af
```
#0077af rgb(0,119,175)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#48606b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6375ac Protanopia 1% of men
#5177b5 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#3f76ad Protanomaly 1% of men, 0.01% of women
#3477b3 Deuteranomaly 6% of men, 0.4% of women
#007e98 Tritanomaly 0.01% of the population

#0077af hex color

#0077af Color Information

#0077af Color Conversion

Color Schemes with #0077af

Alternatives to #0077af

#0077af Preview

Shades and Tints of #0077af

Tones of #0077af

Color Blindness Simulator