#3091aa hex color

In a RGB color space, hex #3091aa is composed of 18.8% red, 56.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 14.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 192.3 degrees, a saturation of 56% and a lightness of 42.7%. #3091aa color hex could be obtained by blending #60ffff with #002355. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 57
- B 67
RGB color chart
- C 72
- M 15
- Y 0
- K 33
CMYK color chart

● #3091aa color description : Dark cyan.

The hexadecimal color #3091aa has RGB values of R:48, G:145, B:170 and CMYK values of C:0.72, M:0.15, Y:0, K:0.33. Its decimal value is 3183018.

Hex triplet	3091aa	`#3091aa`
RGB Decimal	48, 145, 170	`rgb(48,145,170)`
RGB Percent	18.8, 56.9, 66.7	`rgb(18.8%,56.9%,66.7%)`
CMYK	72, 15, 0, 33
HSL	192.3°, 56, 42.7	`hsl(192.3,56%,42.7%)`
HSV (or HSB)	192.3°, 71.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	55.867, -19.493, -21.26
XYZ	18.598, 23.78, 41.638
xyY	0.221, 0.283, 23.78
CIE-LCH	55.867, 28.844, 227.483
CIE-LUV	55.867, -35.673, -29.398
Hunter-Lab	48.765, -17.261, -16.49
Binary	00110000, 10010001, 10101010

#3091aa
```
#3091aa rgb(48,145,170)
```
#aa4930
```
#aa4930 rgb(170,73,48)
```

Complementary Color

#30aa86
```
#30aa86 rgb(48,170,134)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#3054aa
```
#3054aa rgb(48,84,170)
```

Analogous Color

#aa8630
```
#aa8630 rgb(170,134,48)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#aa3054
```
#aa3054 rgb(170,48,84)
```

Split Complementary Color

#91aa30
```
#91aa30 rgb(145,170,48)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#aa3091
```
#aa3091 rgb(170,48,145)
```

Triadic Color

#30aa49
```
#30aa49 rgb(48,170,73)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#aa3091
```
#aa3091 rgb(170,48,145)
```
#aa4930
```
#aa4930 rgb(170,73,48)
```

Tetradic Color

#1f5e6e
```
#1f5e6e rgb(31,94,110)
```
#256f82
```
#256f82 rgb(37,111,130)
```
#2a8096
```
#2a8096 rgb(42,128,150)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#36a2be
```
#36a2be rgb(54,162,190)
```
#43aeca
```
#43aeca rgb(67,174,202)
```
#57b7d0
```
#57b7d0 rgb(87,183,208)
```

Monochromatic Color

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

#30aaa5
```
#30aaa5 rgb(48,170,165)
```
#30a5aa
```
#30a5aa rgb(48,165,170)
```
#309baa
```
#309baa rgb(48,155,170)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#3087aa
```
#3087aa rgb(48,135,170)
```
#307daa
```
#307daa rgb(48,125,170)
```
#3073aa
```
#3073aa rgb(48,115,170)
```

Similar Colors

Text with hexadecimal color #3091aa

This text has a font color of #3091aa.

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

#3091aa background color

This paragraph has a background color of #3091aa.

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

#3091aa border color

This element has a border color of #3091aa.

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

CSS codes

.text {color:#3091aa;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050f11
```
#050f11 rgb(5,15,17)
```
#091c20
```
#091c20 rgb(9,28,32)
```
#0d2930
```
#0d2930 rgb(13,41,48)
```
#12363f
```
#12363f rgb(18,54,63)
```
#16434e
```
#16434e rgb(22,67,78)
```
#1a505e
```
#1a505e rgb(26,80,94)
```
#1f5d6d
```
#1f5d6d rgb(31,93,109)
```
#236a7c
```
#236a7c rgb(35,106,124)
```
#27778b
```
#27778b rgb(39,119,139)
```
#2c849b
```
#2c849b rgb(44,132,155)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#349eb9
```
#349eb9 rgb(52,158,185)
```

Shade Color Variation

#3aaac7
```
#3aaac7 rgb(58,170,199)
```
#49b1cc
```
#49b1cc rgb(73,177,204)
```
#58b7d0
```
#58b7d0 rgb(88,183,208)
```
#68bed4
```
#68bed4 rgb(104,190,212)
```
#77c5d9
```
#77c5d9 rgb(119,197,217)
```
#86cbdd
```
#86cbdd rgb(134,203,221)
```
#96d2e1
```
#96d2e1 rgb(150,210,225)
```
#a5d8e6
```
#a5d8e6 rgb(165,216,230)
```
#b4dfea
```
#b4dfea rgb(180,223,234)
```
#c4e5ee
```
#c4e5ee rgb(196,229,238)
```
#d3ecf3
```
#d3ecf3 rgb(211,236,243)
```
#e2f3f7
```
#e2f3f7 rgb(226,243,247)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e6f is the less saturated color, while #06aad4 is the most saturated one.

#6b6e6f
```
#6b6e6f rgb(107,110,111)
```
#627378
```
#627378 rgb(98,115,120)
```
#5a7880
```
#5a7880 rgb(90,120,128)
```
#527d88
```
#527d88 rgb(82,125,136)
```
#498291
```
#498291 rgb(73,130,145)
```
#418799
```
#418799 rgb(65,135,153)
```
#388ca2
```
#388ca2 rgb(56,140,162)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#2896b2
```
#2896b2 rgb(40,150,178)
```
#1f9bbb
```
#1f9bbb rgb(31,155,187)
```
#17a0c3
```
#17a0c3 rgb(23,160,195)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#06aad4
```
#06aad4 rgb(6,170,212)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#697c81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858aa6 Protanopia 1% of men
#828ab3 Deuteranopia 1% of men
#3198a3 Tritanopia 0.001% of the population

Trichromacy

#668da8 Protanomaly 1% of men, 0.01% of women
#648caf Deuteranomaly 6% of men, 0.4% of women
#3195a6 Tritanomaly 0.01% of the population

#3091aa hex color

#3091aa Color Information

#3091aa Color Conversion

Color Schemes with #3091aa

Alternatives to #3091aa

#3091aa Preview

Shades and Tints of #3091aa

Tones of #3091aa

Color Blindness Simulator