#3095b8 hex color

In a RGB color space, hex #3095b8 is composed of 18.8% red, 58.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 19% magenta, 0% yellow and 27.8% black. It has a hue angle of 195.4 degrees, a saturation of 58.6% and a lightness of 45.5%. #3095b8 color hex could be obtained by blending #60ffff with #002b71. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 58
- B 72
RGB color chart
- C 74
- M 19
- Y 0
- K 28
CMYK color chart

● #3095b8 color description : Moderate blue.

The hexadecimal color #3095b8 has RGB values of R:48, G:149, B:184 and CMYK values of C:0.74, M:0.19, Y:0, K:0.28. Its decimal value is 3184056.

Hex triplet	3095b8	`#3095b8`
RGB Decimal	48, 149, 184	`rgb(48,149,184)`
RGB Percent	18.8, 58.4, 72.2	`rgb(18.8%,58.4%,72.2%)`
CMYK	74, 19, 0, 28
HSL	195.4°, 58.6, 45.5	`hsl(195.4,58.6%,45.5%)`
HSV (or HSB)	195.4°, 73.9, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.638, -16.99, -26.506
XYZ	20.616, 25.582, 49.196
xyY	0.216, 0.268, 25.582
CIE-LCH	57.638, 31.484, 237.341
CIE-LUV	57.638, -36.291, -38.355
Hunter-Lab	50.579, -15.757, -22.264
Binary	00110000, 10010101, 10111000

#3095b8
```
#3095b8 rgb(48,149,184)
```
#b85330
```
#b85330 rgb(184,83,48)
```

Complementary Color

#30b897
```
#30b897 rgb(48,184,151)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#3051b8
```
#3051b8 rgb(48,81,184)
```

Analogous Color

#b89730
```
#b89730 rgb(184,151,48)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#b83051
```
#b83051 rgb(184,48,81)
```

Split Complementary Color

#95b830
```
#95b830 rgb(149,184,48)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#b83095
```
#b83095 rgb(184,48,149)
```

Triadic Color

#30b853
```
#30b853 rgb(48,184,83)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#b83095
```
#b83095 rgb(184,48,149)
```
#b85330
```
#b85330 rgb(184,83,48)
```

Tetradic Color

#20647b
```
#20647b rgb(32,100,123)
```
#257490
```
#257490 rgb(37,116,144)
```
#2b85a4
```
#2b85a4 rgb(43,133,164)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#37a5cb
```
#37a5cb rgb(55,165,203)
```
#4baed0
```
#4baed0 rgb(75,174,208)
```
#5fb7d5
```
#5fb7d5 rgb(95,183,213)
```

Monochromatic Color

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

#30b7b8
```
#30b7b8 rgb(48,183,184)
```
#30acb8
```
#30acb8 rgb(48,172,184)
```
#30a0b8
```
#30a0b8 rgb(48,160,184)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#308ab8
```
#308ab8 rgb(48,138,184)
```
#307eb8
```
#307eb8 rgb(48,126,184)
```
#3073b8
```
#3073b8 rgb(48,115,184)
```

Similar Colors

Text with hexadecimal color #3095b8

This text has a font color of #3095b8.

<span style="color:#3095b8;">Text here</span>

#3095b8 background color

This paragraph has a background color of #3095b8.

<p style="background-color:#3095b8;">Content here</p>

#3095b8 border color

This element has a border color of #3095b8.

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

CSS codes

.text {color:#3095b8;}

.background {background-color:#3095b8;}

.border {border:1px solid #3095b8;}

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#07171c
```
#07171c rgb(7,23,28)
```
#0b242c
```
#0b242c rgb(11,36,44)
```
#10303c
```
#10303c rgb(16,48,60)
```
#143d4b
```
#143d4b rgb(20,61,75)
```
#18495b
```
#18495b rgb(24,73,91)
```
#1c566a
```
#1c566a rgb(28,86,106)
```
#20637a
```
#20637a rgb(32,99,122)
```
#246f89
```
#246f89 rgb(36,111,137)
```
#287c99
```
#287c99 rgb(40,124,153)
```
#2c88a8
```
#2c88a8 rgb(44,136,168)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#34a2c8
```
#34a2c8 rgb(52,162,200)
```

Shade Color Variation

#42aace
```
#42aace rgb(66,170,206)
```
#51b1d2
```
#51b1d2 rgb(81,177,210)
```
#61b8d6
```
#61b8d6 rgb(97,184,214)
```
#70bfda
```
#70bfda rgb(112,191,218)
```
#80c6de
```
#80c6de rgb(128,198,222)
```
#8fcde2
```
#8fcde2 rgb(143,205,226)
```
#9fd4e6
```
#9fd4e6 rgb(159,212,230)
```
#afdbea
```
#afdbea rgb(175,219,234)
```
#bee2ee
```
#bee2ee rgb(190,226,238)
```
#cee9f2
```
#cee9f2 rgb(206,233,242)
```
#ddf0f6
```
#ddf0f6 rgb(221,240,246)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6e777a
```
#6e777a rgb(110,119,122)
```
#667b82
```
#667b82 rgb(102,123,130)
```
#5d7f8b
```
#5d7f8b rgb(93,127,139)
```
#548494
```
#548494 rgb(84,132,148)
```
#4b889d
```
#4b889d rgb(75,136,157)
```
#428ca6
```
#428ca6 rgb(66,140,166)
```
#3991af
```
#3991af rgb(57,145,175)
```
#3095b8
```
#3095b8 rgb(48,149,184)
```
#2799c1
```
#2799c1 rgb(39,153,193)
```
#1e9eca
```
#1e9eca rgb(30,158,202)
```
#15a2d3
```
#15a2d3 rgb(21,162,211)
```
#0ca6dc
```
#0ca6dc rgb(12,166,220)
```
#03abe5
```
#03abe5 rgb(3,171,229)
```

Tone Color Variation

Below, you can see how #3095b8 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

#7b7b7b Achromatopsia 0.005% of the population
#6c8087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868fb4 Protanopia 1% of men
#808ec0 Deuteranopia 1% of men
#279da9 Tritanopia 0.001% of the population

Trichromacy

#6791b5 Protanomaly 1% of men, 0.01% of women
#6391bd Deuteranomaly 6% of men, 0.4% of women
#2a9aae Tritanomaly 0.01% of the population

#3095b8 hex color

#3095b8 Color Information

#3095b8 Color Conversion

Color Schemes with #3095b8

Alternatives to #3095b8

#3095b8 Preview

Shades and Tints of #3095b8

Tones of #3095b8

Color Blindness Simulator