#3084ac hex color

In a RGB color space, hex #3084ac is composed of 18.8% red, 51.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 23.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 199.4 degrees, a saturation of 56.4% and a lightness of 43.1%. #3084ac color hex could be obtained by blending #60ffff with #000959. Closest websafe color is: #339999.

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

● #3084ac color description : Dark blue.

The hexadecimal color #3084ac has RGB values of R:48, G:132, B:172 and CMYK values of C:0.72, M:0.23, Y:0, K:0.33. Its decimal value is 3179692.

Hex triplet	3084ac	`#3084ac`
RGB Decimal	48, 132, 172	`rgb(48,132,172)`
RGB Percent	18.8, 51.8, 67.5	`rgb(18.8%,51.8%,67.5%)`
CMYK	72, 23, 0, 33
HSL	199.4°, 56.4, 43.1	`hsl(199.4,56.4%,43.1%)`
HSV (or HSB)	199.4°, 72.1, 67.5
Web Safe	339999	`#339999`

CIE-LAB	51.959, -11.687, -28.437
XYZ	16.915, 20.108, 42.017
xyY	0.214, 0.254, 20.108
CIE-LCH	51.959, 30.745, 247.659
CIE-LUV	51.959, -30.84, -41.392
Hunter-Lab	44.842, -11.142, -24.166
Binary	00110000, 10000100, 10101100

#3084ac
```
#3084ac rgb(48,132,172)
```
#ac5830
```
#ac5830 rgb(172,88,48)
```

Complementary Color

#30ac96
```
#30ac96 rgb(48,172,150)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#3046ac
```
#3046ac rgb(48,70,172)
```

Analogous Color

#ac9630
```
#ac9630 rgb(172,150,48)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#ac3046
```
#ac3046 rgb(172,48,70)
```

Split Complementary Color

#84ac30
```
#84ac30 rgb(132,172,48)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#ac3084
```
#ac3084 rgb(172,48,132)
```

Triadic Color

#30ac58
```
#30ac58 rgb(48,172,88)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#ac3084
```
#ac3084 rgb(172,48,132)
```
#ac5830
```
#ac5830 rgb(172,88,48)
```

Tetradic Color

#1f5670
```
#1f5670 rgb(31,86,112)
```
#256584
```
#256584 rgb(37,101,132)
```
#2a7598
```
#2a7598 rgb(42,117,152)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#3693c0
```
#3693c0 rgb(54,147,192)
```
#449fcb
```
#449fcb rgb(68,159,203)
```
#58aad0
```
#58aad0 rgb(88,170,208)
```

Monochromatic Color

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

#30a3ac
```
#30a3ac rgb(48,163,172)
```
#3099ac
```
#3099ac rgb(48,153,172)
```
#308eac
```
#308eac rgb(48,142,172)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#307aac
```
#307aac rgb(48,122,172)
```
#306fac
```
#306fac rgb(48,111,172)
```
#3065ac
```
#3065ac rgb(48,101,172)
```

Similar Colors

Text with hexadecimal color #3084ac

This text has a font color of #3084ac.

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

#3084ac background color

This paragraph has a background color of #3084ac.

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

#3084ac border color

This element has a border color of #3084ac.

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

CSS codes

.text {color:#3084ac;}

.background {background-color:#3084ac;}

.border {border:1px solid #3084ac;}

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

#010303
```
#010303 rgb(1,3,3)
```
#050e13
```
#050e13 rgb(5,14,19)
```
#091a22
```
#091a22 rgb(9,26,34)
```
#0e2631
```
#0e2631 rgb(14,38,49)
```
#123241
```
#123241 rgb(18,50,65)
```
#163d50
```
#163d50 rgb(22,61,80)
```
#1b495f
```
#1b495f rgb(27,73,95)
```
#1f556f
```
#1f556f rgb(31,85,111)
```
#23617e
```
#23617e rgb(35,97,126)
```
#276c8d
```
#276c8d rgb(39,108,141)
```
#2c789d
```
#2c789d rgb(44,120,157)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#3490bb
```
#3490bb rgb(52,144,187)
```

Shade Color Variation

#3b9bc8
```
#3b9bc8 rgb(59,155,200)
```
#4aa3cd
```
#4aa3cd rgb(74,163,205)
```
#5aaad1
```
#5aaad1 rgb(90,170,209)
```
#69b2d5
```
#69b2d5 rgb(105,178,213)
```
#78bad9
```
#78bad9 rgb(120,186,217)
```
#88c2de
```
#88c2de rgb(136,194,222)
```
#97cae2
```
#97cae2 rgb(151,202,226)
```
#a6d2e6
```
#a6d2e6 rgb(166,210,230)
```
#b6d9eb
```
#b6d9eb rgb(182,217,235)
```
#c5e1ef
```
#c5e1ef rgb(197,225,239)
```
#d4e9f3
```
#d4e9f3 rgb(212,233,243)
```
#e4f1f7
```
#e4f1f7 rgb(228,241,247)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#6b6f71
```
#6b6f71 rgb(107,111,113)
```
#637279
```
#637279 rgb(99,114,121)
```
#5a7582
```
#5a7582 rgb(90,117,130)
```
#52788a
```
#52788a rgb(82,120,138)
```
#497b93
```
#497b93 rgb(73,123,147)
```
#417e9b
```
#417e9b rgb(65,126,155)
```
#3881a4
```
#3881a4 rgb(56,129,164)
```
#3084ac
```
#3084ac rgb(48,132,172)
```
#2887b4
```
#2887b4 rgb(40,135,180)
```
#1f8abd
```
#1f8abd rgb(31,138,189)
```
#178dc5
```
#178dc5 rgb(23,141,197)
```
#0e90ce
```
#0e90ce rgb(14,144,206)
```
#0693d6
```
#0693d6 rgb(6,147,214)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#62737b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7681aa Protanopia 1% of men
#6f81b3 Deuteranopia 1% of men
#238e99 Tritanopia 0.001% of the population

Trichromacy

#5c82aa Protanomaly 1% of men, 0.01% of women
#5882b0 Deuteranomaly 6% of men, 0.4% of women
#288aa0 Tritanomaly 0.01% of the population

#3084ac hex color

#3084ac Color Information

#3084ac Color Conversion

Color Schemes with #3084ac

Alternatives to #3084ac

#3084ac Preview

Shades and Tints of #3084ac

Tones of #3084ac

Color Blindness Simulator