colorhexa.com

#0977aa hex color

In a RGB color space, hex #0977aa is composed of 3.5% red, 46.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 30% magenta, 0% yellow and 33.3% black. It has a hue angle of 199 degrees, a saturation of 89.9% and a lightness of 35.1%. #0977aa color hex could be obtained by blending #12eeff with #000055. Closest websafe color is: #006699.

- R 4
- G 47
- B 67
RGB color chart
- C 95
- M 30
- Y 0
- K 33
CMYK color chart

● #0977aa color description : Dark blue.

The hexadecimal color #0977aa has RGB values of R:9, G:119, B:170 and CMYK values of C:0.95, M:0.3, Y:0, K:0.33. Its decimal value is 620458.

Hex triplet	0977aa	`#0977aa`
RGB Decimal	9, 119, 170	`rgb(9,119,170)`
RGB Percent	3.5, 46.7, 66.7	`rgb(3.5%,46.7%,66.7%)`
CMYK	95, 30, 0, 33
HSL	199°, 89.9, 35.1	`hsl(199,89.9%,35.1%)`
HSV (or HSB)	199°, 94.7, 66.7
Web Safe	006699	`#006699`

CIE-LAB	47.174, -8.475, -34.806
XYZ	13.963, 16.153, 40.41
xyY	0.198, 0.229, 16.153
CIE-LCH	47.174, 35.823, 256.316
CIE-LUV	47.174, -30.588, -51.037
Hunter-Lab	40.19, -8.317, -31.48
Binary	00001001, 01110111, 10101010

#0977aa
```
#0977aa rgb(9,119,170)
```
#aa3c09
```
#aa3c09 rgb(170,60,9)
```

Complementary Color

#09aa8d
```
#09aa8d rgb(9,170,141)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#0927aa
```
#0927aa rgb(9,39,170)
```

Analogous Color

#aa8d09
```
#aa8d09 rgb(170,141,9)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#aa0927
```
#aa0927 rgb(170,9,39)
```

Split Complementary Color

#77aa09
```
#77aa09 rgb(119,170,9)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#aa0977
```
#aa0977 rgb(170,9,119)
```

Triadic Color

#054461
```
#054461 rgb(5,68,97)
```
#06557a
```
#06557a rgb(6,85,122)
```
#086692
```
#086692 rgb(8,102,146)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#0a88c2
```
#0a88c2 rgb(10,136,194)
```
#0c99da
```
#0c99da rgb(12,153,218)
```
#0daaf2
```
#0daaf2 rgb(13,170,242)
```

Monochromatic Color

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

#099faa
```
#099faa rgb(9,159,170)
```
#0992aa
```
#0992aa rgb(9,146,170)
```
#0984aa
```
#0984aa rgb(9,132,170)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#096aaa
```
#096aaa rgb(9,106,170)
```
#095caa
```
#095caa rgb(9,92,170)
```
#094faa
```
#094faa rgb(9,79,170)
```

Similar Colors

Text with hexadecimal color #0977aa

This text has a font color of #0977aa.

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

#0977aa background color

This paragraph has a background color of #0977aa.

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

#0977aa border color

This element has a border color of #0977aa.

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

CSS codes

.text {color:#0977aa;}

.background {background-color:#0977aa;}

.border {border:1px solid #0977aa;}

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

#000202
```
#000202 rgb(0,2,2)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#021c28
```
#021c28 rgb(2,28,40)
```
#03293a
```
#03293a rgb(3,41,58)
```
#04364d
```
#04364d rgb(4,54,77)
```
#05435f
```
#05435f rgb(5,67,95)
```
#065072
```
#065072 rgb(6,80,114)
```
#075d85
```
#075d85 rgb(7,93,133)
```
#086a97
```
#086a97 rgb(8,106,151)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#0a84bd
```
#0a84bd rgb(10,132,189)
```
#0b91cf
```
#0b91cf rgb(11,145,207)
```
#0c9ee2
```
#0c9ee2 rgb(12,158,226)
```

Shade Color Variation

#0faaf2
```
#0faaf2 rgb(15,170,242)
```
#22b1f3
```
#22b1f3 rgb(34,177,243)
```
#34b8f4
```
#34b8f4 rgb(52,184,244)
```
#47bef5
```
#47bef5 rgb(71,190,245)
```
#5ac5f6
```
#5ac5f6 rgb(90,197,246)
```
#6ccbf7
```
#6ccbf7 rgb(108,203,247)
```
#7fd2f8
```
#7fd2f8 rgb(127,210,248)
```
#92d8f9
```
#92d8f9 rgb(146,216,249)
```
#a4dffa
```
#a4dffa rgb(164,223,250)
```
#b7e6fb
```
#b7e6fb rgb(183,230,251)
```
#c9ecfc
```
#c9ecfc rgb(201,236,252)
```
#dcf3fd
```
#dcf3fd rgb(220,243,253)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555b5e is the less saturated color, while #027ab1 is the most saturated one.

#555b5e
```
#555b5e rgb(85,91,94)
```
#4e5e65
```
#4e5e65 rgb(78,94,101)
```
#47606c
```
#47606c rgb(71,96,108)
```
#406373
```
#406373 rgb(64,99,115)
```
#39657a
```
#39657a rgb(57,101,122)
```
#326881
```
#326881 rgb(50,104,129)
```
#2b6a88
```
#2b6a88 rgb(43,106,136)
```
#256d8e
```
#256d8e rgb(37,109,142)
```
#1e6f95
```
#1e6f95 rgb(30,111,149)
```
#17729c
```
#17729c rgb(23,114,156)
```
#1074a3
```
#1074a3 rgb(16,116,163)
```
#0977aa
```
#0977aa rgb(9,119,170)
```
#027ab1
```
#027ab1 rgb(2,122,177)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4b616c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6575a8 Protanopia 1% of men
#5677b1 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4376a8 Protanomaly 1% of men, 0.01% of women
#3a77ae Deuteranomaly 6% of men, 0.4% of women
#037e96 Tritanomaly 0.01% of the population