#3086af hex color

In a RGB color space, hex #3086af is composed of 18.8% red, 52.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 23.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 199.4 degrees, a saturation of 57% and a lightness of 43.7%. #3086af color hex could be obtained by blending #60ffff with #000d5f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 53
- B 69
RGB color chart
- C 73
- M 23
- Y 0
- K 31
CMYK color chart

● #3086af color description : Dark blue.

The hexadecimal color #3086af has RGB values of R:48, G:134, B:175 and CMYK values of C:0.73, M:0.23, Y:0, K:0.31. Its decimal value is 3180207.

Hex triplet	3086af	`#3086af`
RGB Decimal	48, 134, 175	`rgb(48,134,175)`
RGB Percent	18.8, 52.5, 68.6	`rgb(18.8%,52.5%,68.6%)`
CMYK	73, 23, 0, 31
HSL	199.4°, 57, 43.7	`hsl(199.4,57%,43.7%)`
HSV (or HSB)	199.4°, 72.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	52.699, -11.779, -29.016
XYZ	17.48, 20.772, 43.643
xyY	0.213, 0.254, 20.772
CIE-LCH	52.699, 31.315, 247.906
CIE-LUV	52.699, -31.404, -42.419
Hunter-Lab	45.577, -11.299, -24.871
Binary	00110000, 10000110, 10101111

#3086af
```
#3086af rgb(48,134,175)
```
#af5930
```
#af5930 rgb(175,89,48)
```

Complementary Color

#30af99
```
#30af99 rgb(48,175,153)
```
#3086af
```
#3086af rgb(48,134,175)
```
#3047af
```
#3047af rgb(48,71,175)
```

Analogous Color

#af9930
```
#af9930 rgb(175,153,48)
```
#3086af
```
#3086af rgb(48,134,175)
```
#af3047
```
#af3047 rgb(175,48,71)
```

Split Complementary Color

#86af30
```
#86af30 rgb(134,175,48)
```
#3086af
```
#3086af rgb(48,134,175)
```
#af3086
```
#af3086 rgb(175,48,134)
```

Triadic Color

#30af59
```
#30af59 rgb(48,175,89)
```
#3086af
```
#3086af rgb(48,134,175)
```
#af3086
```
#af3086 rgb(175,48,134)
```
#af5930
```
#af5930 rgb(175,89,48)
```

Tetradic Color

#205873
```
#205873 rgb(32,88,115)
```
#256787
```
#256787 rgb(37,103,135)
```
#2b779b
```
#2b779b rgb(43,119,155)
```
#3086af
```
#3086af rgb(48,134,175)
```
#3595c3
```
#3595c3 rgb(53,149,195)
```
#46a1cc
```
#46a1cc rgb(70,161,204)
```
#5aabd2
```
#5aabd2 rgb(90,171,210)
```

Monochromatic Color

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

#30a6af
```
#30a6af rgb(48,166,175)
```
#309baf
```
#309baf rgb(48,155,175)
```
#3091af
```
#3091af rgb(48,145,175)
```
#3086af
```
#3086af rgb(48,134,175)
```
#307baf
```
#307baf rgb(48,123,175)
```
#3071af
```
#3071af rgb(48,113,175)
```
#3066af
```
#3066af rgb(48,102,175)
```

Similar Colors

Text with hexadecimal color #3086af

This text has a font color of #3086af.

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

#3086af background color

This paragraph has a background color of #3086af.

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

#3086af border color

This element has a border color of #3086af.

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

CSS codes

.text {color:#3086af;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#061015
```
#061015 rgb(6,16,21)
```
#0a1c24
```
#0a1c24 rgb(10,28,36)
```
#0e2834
```
#0e2834 rgb(14,40,52)
```
#123343
```
#123343 rgb(18,51,67)
```
#173f53
```
#173f53 rgb(23,63,83)
```
#1b4b62
```
#1b4b62 rgb(27,75,98)
```
#1f5771
```
#1f5771 rgb(31,87,113)
```
#236381
```
#236381 rgb(35,99,129)
```
#286e90
```
#286e90 rgb(40,110,144)
```
#2c7aa0
```
#2c7aa0 rgb(44,122,160)
```
#3086af
```
#3086af rgb(48,134,175)
```
#3492be
```
#3492be rgb(52,146,190)
```

Shade Color Variation

#3d9cca
```
#3d9cca rgb(61,156,202)
```
#4ca4ce
```
#4ca4ce rgb(76,164,206)
```
#5bacd2
```
#5bacd2 rgb(91,172,210)
```
#6bb4d6
```
#6bb4d6 rgb(107,180,214)
```
#7abbdb
```
#7abbdb rgb(122,187,219)
```
#8ac3df
```
#8ac3df rgb(138,195,223)
```
#99cbe3
```
#99cbe3 rgb(153,203,227)
```
#a8d3e7
```
#a8d3e7 rgb(168,211,231)
```
#b8dbeb
```
#b8dbeb rgb(184,219,235)
```
#c7e3f0
```
#c7e3f0 rgb(199,227,240)
```
#d6eaf4
```
#d6eaf4 rgb(214,234,244)
```
#e6f2f8
```
#e6f2f8 rgb(230,242,248)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

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

#6c7173
```
#6c7173 rgb(108,113,115)
```
#63747c
```
#63747c rgb(99,116,124)
```
#5b7784
```
#5b7784 rgb(91,119,132)
```
#527a8d
```
#527a8d rgb(82,122,141)
```
#4a7d95
```
#4a7d95 rgb(74,125,149)
```
#41809e
```
#41809e rgb(65,128,158)
```
#3983a6
```
#3983a6 rgb(57,131,166)
```
#3086af
```
#3086af rgb(48,134,175)
```
#2789b8
```
#2789b8 rgb(39,137,184)
```
#1f8cc0
```
#1f8cc0 rgb(31,140,192)
```
#168fc9
```
#168fc9 rgb(22,143,201)
```
#0e92d1
```
#0e92d1 rgb(14,146,209)
```
#0595da
```
#0595da rgb(5,149,218)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#64757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7782ac Protanopia 1% of men
#7083b6 Deuteranopia 1% of men
#21909b Tritanopia 0.001% of the population

Trichromacy

#5d84ad Protanomaly 1% of men, 0.01% of women
#5884b3 Deuteranomaly 6% of men, 0.4% of women
#268ca2 Tritanomaly 0.01% of the population

#3086af hex color

#3086af Color Information

#3086af Color Conversion

Color Schemes with #3086af

Alternatives to #3086af

#3086af Preview

Shades and Tints of #3086af

Tones of #3086af

Color Blindness Simulator