#3091bd hex color

In a RGB color space, hex #3091bd is composed of 18.8% red, 56.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 23.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 198.7 degrees, a saturation of 59.5% and a lightness of 46.5%. #3091bd color hex could be obtained by blending #60ffff with #00237b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 57
- B 74
RGB color chart
- C 75
- M 23
- Y 0
- K 26
CMYK color chart

● #3091bd color description : Moderate blue.

The hexadecimal color #3091bd has RGB values of R:48, G:145, B:189 and CMYK values of C:0.75, M:0.23, Y:0, K:0.26. Its decimal value is 3183037.

Hex triplet	3091bd	`#3091bd`
RGB Decimal	48, 145, 189	`rgb(48,145,189)`
RGB Percent	18.8, 56.9, 74.1	`rgb(18.8%,56.9%,74.1%)`
CMYK	75, 23, 0, 26
HSL	198.7°, 59.5, 46.5	`hsl(198.7,59.5%,46.5%)`
HSV (or HSB)	198.7°, 74.6, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.636, -13.099, -30.894
XYZ	20.527, 24.552, 51.798
xyY	0.212, 0.253, 24.552
CIE-LCH	56.636, 33.557, 247.023
CIE-LUV	56.636, -34.574, -45.868
Hunter-Lab	49.55, -12.763, -27.296
Binary	00110000, 10010001, 10111101

#3091bd
```
#3091bd rgb(48,145,189)
```
#bd5c30
```
#bd5c30 rgb(189,92,48)
```

Complementary Color

#30bda3
```
#30bda3 rgb(48,189,163)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#304bbd
```
#304bbd rgb(48,75,189)
```

Analogous Color

#bda330
```
#bda330 rgb(189,163,48)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#bd304b
```
#bd304b rgb(189,48,75)
```

Split Complementary Color

#91bd30
```
#91bd30 rgb(145,189,48)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#bd3091
```
#bd3091 rgb(189,48,145)
```

Triadic Color

#30bd5c
```
#30bd5c rgb(48,189,92)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#bd3091
```
#bd3091 rgb(189,48,145)
```
#bd5c30
```
#bd5c30 rgb(189,92,48)
```

Tetradic Color

#216280
```
#216280 rgb(33,98,128)
```
#267294
```
#267294 rgb(38,114,148)
```
#2b81a9
```
#2b81a9 rgb(43,129,169)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#3a9fcd
```
#3a9fcd rgb(58,159,205)
```
#4ea9d2
```
#4ea9d2 rgb(78,169,210)
```
#62b3d7
```
#62b3d7 rgb(98,179,215)
```

Monochromatic Color

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

#30b4bd
```
#30b4bd rgb(48,180,189)
```
#30a9bd
```
#30a9bd rgb(48,169,189)
```
#309dbd
```
#309dbd rgb(48,157,189)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#3085bd
```
#3085bd rgb(48,133,189)
```
#307abd
```
#307abd rgb(48,122,189)
```
#306ebd
```
#306ebd rgb(48,110,189)
```

Similar Colors

Text with hexadecimal color #3091bd

This text has a font color of #3091bd.

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

#3091bd background color

This paragraph has a background color of #3091bd.

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

#3091bd border color

This element has a border color of #3091bd.

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

CSS codes

.text {color:#3091bd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081921
```
#081921 rgb(8,25,33)
```
#0c2530
```
#0c2530 rgb(12,37,48)
```
#103140
```
#103140 rgb(16,49,64)
```
#143d50
```
#143d50 rgb(20,61,80)
```
#18495f
```
#18495f rgb(24,73,95)
```
#1c556f
```
#1c556f rgb(28,85,111)
```
#20617e
```
#20617e rgb(32,97,126)
```
#246d8e
```
#246d8e rgb(36,109,142)
```
#28799e
```
#28799e rgb(40,121,158)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#3091bd
```
#3091bd rgb(48,145,189)
```

Shade Color Variation

#359dcc
```
#359dcc rgb(53,157,204)
```
#45a4d0
```
#45a4d0 rgb(69,164,208)
```
#54acd4
```
#54acd4 rgb(84,172,212)
```
#64b3d8
```
#64b3d8 rgb(100,179,216)
```
#74bbdc
```
#74bbdc rgb(116,187,220)
```
#83c3e0
```
#83c3e0 rgb(131,195,224)
```
#93cae4
```
#93cae4 rgb(147,202,228)
```
#a2d2e7
```
#a2d2e7 rgb(162,210,231)
```
#b2daeb
```
#b2daeb rgb(178,218,235)
```
#c2e1ef
```
#c2e1ef rgb(194,225,239)
```
#d1e9f3
```
#d1e9f3 rgb(209,233,243)
```
#e1f0f7
```
#e1f0f7 rgb(225,240,247)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70797d is the less saturated color, while #02a2eb is the most saturated one.

#70797d
```
#70797d rgb(112,121,125)
```
#677c86
```
#677c86 rgb(103,124,134)
```
#5e808f
```
#5e808f rgb(94,128,143)
```
#548399
```
#548399 rgb(84,131,153)
```
#4b87a2
```
#4b87a2 rgb(75,135,162)
```
#428aab
```
#428aab rgb(66,138,171)
```
#398eb4
```
#398eb4 rgb(57,142,180)
```
#3091bd
```
#3091bd rgb(48,145,189)
```
#2794c6
```
#2794c6 rgb(39,148,198)
```
#1e98cf
```
#1e98cf rgb(30,152,207)
```
#159bd8
```
#159bd8 rgb(21,155,216)
```
#0c9fe1
```
#0c9fe1 rgb(12,159,225)
```
#02a2eb
```
#02a2eb rgb(2,162,235)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808cb9 Protanopia 1% of men
#778cc4 Deuteranopia 1% of men
#189ba7 Tritanopia 0.001% of the population

Trichromacy

#638eba Protanomaly 1% of men, 0.01% of women
#5d8ec1 Deuteranomaly 6% of men, 0.4% of women
#2197af Tritanomaly 0.01% of the population

#3091bd hex color

#3091bd Color Information

#3091bd Color Conversion

Color Schemes with #3091bd

Alternatives to #3091bd

#3091bd Preview

Shades and Tints of #3091bd

Tones of #3091bd

Color Blindness Simulator