#308496 hex color

In a RGB color space, hex #308496 is composed of 18.8% red, 51.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 12% magenta, 0% yellow and 41.2% black. It has a hue angle of 190.6 degrees, a saturation of 51.5% and a lightness of 38.8%. #308496 color hex could be obtained by blending #60ffff with #00092d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 52
- B 59
RGB color chart
- C 68
- M 12
- Y 0
- K 41
CMYK color chart

● #308496 color description : Dark moderate cyan.

The hexadecimal color #308496 has RGB values of R:48, G:132, B:150 and CMYK values of C:0.68, M:0.12, Y:0, K:0.41. Its decimal value is 3179670.

Hex triplet	308496	`#308496`
RGB Decimal	48, 132, 150	`rgb(48,132,150)`
RGB Percent	18.8, 51.8, 58.8	`rgb(18.8%,51.8%,58.8%)`
CMYK	68, 12, 0, 41
HSL	190.6°, 51.5, 38.8	`hsl(190.6,51.5%,38.8%)`
HSV (or HSB)	190.6°, 68, 58.8
Web Safe	339999	`#339999`

CIE-LAB	51.073, -19.064, -17.044
XYZ	14.974, 19.332, 31.795
xyY	0.227, 0.292, 19.332
CIE-LCH	51.073, 25.572, 221.797
CIE-LUV	51.073, -32.021, -22.399
Hunter-Lab	43.968, -16.154, -12.097
Binary	00110000, 10000100, 10010110

#308496
```
#308496 rgb(48,132,150)
```
#964230
```
#964230 rgb(150,66,48)
```

Complementary Color

#309675
```
#309675 rgb(48,150,117)
```
#308496
```
#308496 rgb(48,132,150)
```
#305196
```
#305196 rgb(48,81,150)
```

Analogous Color

#967530
```
#967530 rgb(150,117,48)
```
#308496
```
#308496 rgb(48,132,150)
```
#963051
```
#963051 rgb(150,48,81)
```

Split Complementary Color

#849630
```
#849630 rgb(132,150,48)
```
#308496
```
#308496 rgb(48,132,150)
```
#963084
```
#963084 rgb(150,48,132)
```

Triadic Color

#309642
```
#309642 rgb(48,150,66)
```
#308496
```
#308496 rgb(48,132,150)
```
#963084
```
#963084 rgb(150,48,132)
```
#964230
```
#964230 rgb(150,66,48)
```

Tetradic Color

#1d515c
```
#1d515c rgb(29,81,92)
```
#24626f
```
#24626f rgb(36,98,111)
```
#2a7383
```
#2a7383 rgb(42,115,131)
```
#308496
```
#308496 rgb(48,132,150)
```
#3695a9
```
#3695a9 rgb(54,149,169)
```
#3ca6bd
```
#3ca6bd rgb(60,166,189)
```
#4db1c6
```
#4db1c6 rgb(77,177,198)
```

Monochromatic Color

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

#30968f
```
#30968f rgb(48,150,143)
```
#309596
```
#309596 rgb(48,149,150)
```
#308d96
```
#308d96 rgb(48,141,150)
```
#308496
```
#308496 rgb(48,132,150)
```
#307c96
```
#307c96 rgb(48,124,150)
```
#307396
```
#307396 rgb(48,115,150)
```
#306b96
```
#306b96 rgb(48,107,150)
```

Similar Colors

Text with hexadecimal color #308496

This text has a font color of #308496.

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

#308496 background color

This paragraph has a background color of #308496.

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

#308496 border color

This element has a border color of #308496.

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

CSS codes

.text {color:#308496;}

.background {background-color:#308496;}

.border {border:1px solid #308496;}

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 #f2f9fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#050e10
```
#050e10 rgb(5,14,16)
```
#0a1b1f
```
#0a1b1f rgb(10,27,31)
```
#0f282e
```
#0f282e rgb(15,40,46)
```
#13363d
```
#13363d rgb(19,54,61)
```
#18434c
```
#18434c rgb(24,67,76)
```
#1d505b
```
#1d505b rgb(29,80,91)
```
#225d69
```
#225d69 rgb(34,93,105)
```
#266a78
```
#266a78 rgb(38,106,120)
```
#2b7787
```
#2b7787 rgb(43,119,135)
```
#308496
```
#308496 rgb(48,132,150)
```
#3591a5
```
#3591a5 rgb(53,145,165)
```
#3a9eb4
```
#3a9eb4 rgb(58,158,180)
```

Shade Color Variation

#3fabc2
```
#3fabc2 rgb(63,171,194)
```
#4eb1c6
```
#4eb1c6 rgb(78,177,198)
```
#5db8cb
```
#5db8cb rgb(93,184,203)
```
#6cbed0
```
#6cbed0 rgb(108,190,208)
```
#7bc5d5
```
#7bc5d5 rgb(123,197,213)
```
#8acbd9
```
#8acbd9 rgb(138,203,217)
```
#98d2de
```
#98d2de rgb(152,210,222)
```
#a7d8e3
```
#a7d8e3 rgb(167,216,227)
```
#b6dfe8
```
#b6dfe8 rgb(182,223,232)
```
#c5e5ec
```
#c5e5ec rgb(197,229,236)
```
#d4ecf1
```
#d4ecf1 rgb(212,236,241)
```
#e3f3f6
```
#e3f3f6 rgb(227,243,246)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#5e6668
```
#5e6668 rgb(94,102,104)
```
#566b70
```
#566b70 rgb(86,107,112)
```
#4e7078
```
#4e7078 rgb(78,112,120)
```
#47757f
```
#47757f rgb(71,117,127)
```
#3f7a87
```
#3f7a87 rgb(63,122,135)
```
#387f8e
```
#387f8e rgb(56,127,142)
```
#308496
```
#308496 rgb(48,132,150)
```
#28899e
```
#28899e rgb(40,137,158)
```
#218ea5
```
#218ea5 rgb(33,142,165)
```
#1993ad
```
#1993ad rgb(25,147,173)
```
#1298b4
```
#1298b4 rgb(18,152,180)
```
#0a9dbc
```
#0a9dbc rgb(10,157,188)
```
#02a2c4
```
#02a2c4 rgb(2,162,196)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#617275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7f94 Protanopia 1% of men
#7b7ea0 Deuteranopia 1% of men
#368b95 Tritanopia 0.001% of the population

Trichromacy

#608195 Protanomaly 1% of men, 0.01% of women
#5f809c Deuteranomaly 6% of men, 0.4% of women
#348895 Tritanomaly 0.01% of the population

#308496 hex color

#308496 Color Information

#308496 Color Conversion

Color Schemes with #308496

Alternatives to #308496

#308496 Preview

Shades and Tints of #308496

Tones of #308496

Color Blindness Simulator