#3096b6 hex color

In a RGB color space, hex #3096b6 is composed of 18.8% red, 58.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 17.6% magenta, 0% yellow and 28.6% black. It has a hue angle of 194.3 degrees, a saturation of 58.3% and a lightness of 45.1%. #3096b6 color hex could be obtained by blending #60ffff with #002d6d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 59
- B 71
RGB color chart
- C 74
- M 18
- Y 0
- K 29
CMYK color chart

● #3096b6 color description : Moderate cyan.

The hexadecimal color #3096b6 has RGB values of R:48, G:150, B:182 and CMYK values of C:0.74, M:0.18, Y:0, K:0.29. Its decimal value is 3184310.

Hex triplet	3096b6	`#3096b6`
RGB Decimal	48, 150, 182	`rgb(48,150,182)`
RGB Percent	18.8, 58.8, 71.4	`rgb(18.8%,58.8%,71.4%)`
CMYK	74, 18, 0, 29
HSL	194.3°, 58.3, 45.1	`hsl(194.3,58.3%,45.1%)`
HSV (or HSB)	194.3°, 73.6, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.863, -18.196, -25.027
XYZ	20.567, 25.817, 48.153
xyY	0.218, 0.273, 25.817
CIE-LCH	57.863, 30.943, 233.98
CIE-LUV	57.863, -36.769, -35.822
Hunter-Lab	50.81, -16.666, -20.622
Binary	00110000, 10010110, 10110110

#3096b6
```
#3096b6 rgb(48,150,182)
```
#b65030
```
#b65030 rgb(182,80,48)
```

Complementary Color

#30b693
```
#30b693 rgb(48,182,147)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#3053b6
```
#3053b6 rgb(48,83,182)
```

Analogous Color

#b69330
```
#b69330 rgb(182,147,48)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#b63053
```
#b63053 rgb(182,48,83)
```

Split Complementary Color

#96b630
```
#96b630 rgb(150,182,48)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#b63096
```
#b63096 rgb(182,48,150)
```

Triadic Color

#30b650
```
#30b650 rgb(48,182,80)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#b63096
```
#b63096 rgb(182,48,150)
```
#b65030
```
#b65030 rgb(182,80,48)
```

Tetradic Color

#206479
```
#206479 rgb(32,100,121)
```
#25758e
```
#25758e rgb(37,117,142)
```
#2b85a2
```
#2b85a2 rgb(43,133,162)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#36a6ca
```
#36a6ca rgb(54,166,202)
```
#4aafcf
```
#4aafcf rgb(74,175,207)
```
#5eb8d5
```
#5eb8d5 rgb(94,184,213)
```

Monochromatic Color

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

#30b6b5
```
#30b6b5 rgb(48,182,181)
```
#30acb6
```
#30acb6 rgb(48,172,182)
```
#30a1b6
```
#30a1b6 rgb(48,161,182)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#308bb6
```
#308bb6 rgb(48,139,182)
```
#3080b6
```
#3080b6 rgb(48,128,182)
```
#3075b6
```
#3075b6 rgb(48,117,182)
```

Similar Colors

Text with hexadecimal color #3096b6

This text has a font color of #3096b6.

<span style="color:#3096b6;">Text here</span>

#3096b6 background color

This paragraph has a background color of #3096b6.

<p style="background-color:#3096b6;">Content here</p>

#3096b6 border color

This element has a border color of #3096b6.

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

CSS codes

.text {color:#3096b6;}

.background {background-color:#3096b6;}

.border {border:1px solid #3096b6;}

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0b232a
```
#0b232a rgb(11,35,42)
```
#0f303a
```
#0f303a rgb(15,48,58)
```
#133c49
```
#133c49 rgb(19,60,73)
```
#174959
```
#174959 rgb(23,73,89)
```
#1c5668
```
#1c5668 rgb(28,86,104)
```
#206378
```
#206378 rgb(32,99,120)
```
#247087
```
#247087 rgb(36,112,135)
```
#287c97
```
#287c97 rgb(40,124,151)
```
#2c89a6
```
#2c89a6 rgb(44,137,166)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#34a3c6
```
#34a3c6 rgb(52,163,198)
```

Shade Color Variation

#40abcd
```
#40abcd rgb(64,171,205)
```
#50b2d1
```
#50b2d1 rgb(80,178,209)
```
#60b9d5
```
#60b9d5 rgb(96,185,213)
```
#6fc0d9
```
#6fc0d9 rgb(111,192,217)
```
#7fc7dd
```
#7fc7dd rgb(127,199,221)
```
#8ecde1
```
#8ecde1 rgb(142,205,225)
```
#9ed4e5
```
#9ed4e5 rgb(158,212,229)
```
#addbe9
```
#addbe9 rgb(173,219,233)
```
#bde2ee
```
#bde2ee rgb(189,226,238)
```
#cce9f2
```
#cce9f2 rgb(204,233,242)
```
#dceff6
```
#dceff6 rgb(220,239,246)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6e7678
```
#6e7678 rgb(110,118,120)
```
#657a81
```
#657a81 rgb(101,122,129)
```
#5c7f8a
```
#5c7f8a rgb(92,127,138)
```
#538493
```
#538493 rgb(83,132,147)
```
#4b889b
```
#4b889b rgb(75,136,155)
```
#428da4
```
#428da4 rgb(66,141,164)
```
#3991ad
```
#3991ad rgb(57,145,173)
```
#3096b6
```
#3096b6 rgb(48,150,182)
```
#279bbf
```
#279bbf rgb(39,155,191)
```
#1e9fc8
```
#1e9fc8 rgb(30,159,200)
```
#15a4d1
```
#15a4d1 rgb(21,164,209)
```
#0da8d9
```
#0da8d9 rgb(13,168,217)
```
#04ade2
```
#04ade2 rgb(4,173,226)
```

Tone Color Variation

Below, you can see how #3096b6 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

#888fb2 Protanopia 1% of men
#838fbe Deuteranopia 1% of men
#2a9ea9 Tritanopia 0.001% of the population

Trichromacy

#6891b3 Protanomaly 1% of men, 0.01% of women
#6491bb Deuteranomaly 6% of men, 0.4% of women
#2c9bae Tritanomaly 0.01% of the population

#3096b6 hex color

#3096b6 Color Information

#3096b6 Color Conversion

Color Schemes with #3096b6

Alternatives to #3096b6

#3096b6 Preview

Shades and Tints of #3096b6

Tones of #3096b6

Color Blindness Simulator