#307a96 hex color

In a RGB color space, hex #307a96 is composed of 18.8% red, 47.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 18.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 196.5 degrees, a saturation of 51.5% and a lightness of 38.8%. #307a96 color hex could be obtained by blending #60f4ff with #00002d. Closest websafe color is: #336699.

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

● #307a96 color description : Dark moderate blue.

The hexadecimal color #307a96 has RGB values of R:48, G:122, B:150 and CMYK values of C:0.68, M:0.19, Y:0, K:0.41. Its decimal value is 3177110.

Hex triplet	307a96	`#307a96`
RGB Decimal	48, 122, 150	`rgb(48,122,150)`
RGB Percent	18.8, 47.8, 58.8	`rgb(18.8%,47.8%,58.8%)`
CMYK	68, 19, 0, 41
HSL	196.5°, 51.5, 38.8	`hsl(196.5,51.5%,38.8%)`
HSV (or HSB)	196.5°, 68, 58.8
Web Safe	336699	`#336699`

CIE-LAB	47.941, -13.565, -21.842
XYZ	13.682, 16.748, 31.364
xyY	0.221, 0.271, 16.748
CIE-LCH	47.941, 25.711, 238.156
CIE-LUV	47.941, -28.291, -30.203
Hunter-Lab	40.925, -11.942, -16.792
Binary	00110000, 01111010, 10010110

#307a96
```
#307a96 rgb(48,122,150)
```
#964c30
```
#964c30 rgb(150,76,48)
```

Complementary Color

#30967f
```
#30967f rgb(48,150,127)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#304796
```
#304796 rgb(48,71,150)
```

Analogous Color

#967f30
```
#967f30 rgb(150,127,48)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#963047
```
#963047 rgb(150,48,71)
```

Split Complementary Color

#7a9630
```
#7a9630 rgb(122,150,48)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#96307a
```
#96307a rgb(150,48,122)
```

Triadic Color

#30964c
```
#30964c rgb(48,150,76)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#96307a
```
#96307a rgb(150,48,122)
```
#964c30
```
#964c30 rgb(150,76,48)
```

Tetradic Color

#1d4b5c
```
#1d4b5c rgb(29,75,92)
```
#245b6f
```
#245b6f rgb(36,91,111)
```
#2a6a83
```
#2a6a83 rgb(42,106,131)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#368aa9
```
#368aa9 rgb(54,138,169)
```
#3c99bd
```
#3c99bd rgb(60,153,189)
```
#4da5c6
```
#4da5c6 rgb(77,165,198)
```

Monochromatic Color

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

#309496
```
#309496 rgb(48,148,150)
```
#308b96
```
#308b96 rgb(48,139,150)
```
#308396
```
#308396 rgb(48,131,150)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#307296
```
#307296 rgb(48,114,150)
```
#306996
```
#306996 rgb(48,105,150)
```
#306196
```
#306196 rgb(48,97,150)
```

Similar Colors

Text with hexadecimal color #307a96

This text has a font color of #307a96.

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

#307a96 background color

This paragraph has a background color of #307a96.

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

#307a96 border color

This element has a border color of #307a96.

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

CSS codes

.text {color:#307a96;}

.background {background-color:#307a96;}

.border {border:1px solid #307a96;}

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#0a191f
```
#0a191f rgb(10,25,31)
```
#0f252e
```
#0f252e rgb(15,37,46)
```
#13313d
```
#13313d rgb(19,49,61)
```
#183e4c
```
#183e4c rgb(24,62,76)
```
#1d4a5b
```
#1d4a5b rgb(29,74,91)
```
#225669
```
#225669 rgb(34,86,105)
```
#266278
```
#266278 rgb(38,98,120)
```
#2b6e87
```
#2b6e87 rgb(43,110,135)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#3586a5
```
#3586a5 rgb(53,134,165)
```
#3a92b4
```
#3a92b4 rgb(58,146,180)
```

Shade Color Variation

#3f9ec2
```
#3f9ec2 rgb(63,158,194)
```
#4ea5c6
```
#4ea5c6 rgb(78,165,198)
```
#5dadcb
```
#5dadcb rgb(93,173,203)
```
#6cb4d0
```
#6cb4d0 rgb(108,180,208)
```
#7bbcd5
```
#7bbcd5 rgb(123,188,213)
```
#8ac3d9
```
#8ac3d9 rgb(138,195,217)
```
#98cbde
```
#98cbde rgb(152,203,222)
```
#a7d3e3
```
#a7d3e3 rgb(167,211,227)
```
#b6dae8
```
#b6dae8 rgb(182,218,232)
```
#c5e2ec
```
#c5e2ec rgb(197,226,236)
```
#d4e9f1
```
#d4e9f1 rgb(212,233,241)
```
#e3f1f6
```
#e3f1f6 rgb(227,241,246)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

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

#5e6568
```
#5e6568 rgb(94,101,104)
```
#566970
```
#566970 rgb(86,105,112)
```
#4e6c78
```
#4e6c78 rgb(78,108,120)
```
#47707f
```
#47707f rgb(71,112,127)
```
#3f7387
```
#3f7387 rgb(63,115,135)
```
#38778e
```
#38778e rgb(56,119,142)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#287d9e
```
#287d9e rgb(40,125,158)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#1984ad
```
#1984ad rgb(25,132,173)
```
#1288b4
```
#1288b4 rgb(18,136,180)
```
#0a8bbc
```
#0a8bbc rgb(10,139,188)
```
#028fc4
```
#028fc4 rgb(2,143,196)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717795 Protanopia 1% of men
#6d779f Deuteranopia 1% of men
#30838d Tritanopia 0.001% of the population

Trichromacy

#597895 Protanomaly 1% of men, 0.01% of women
#57789b Deuteranomaly 6% of men, 0.4% of women
#308090 Tritanomaly 0.01% of the population

#307a96 hex color

#307a96 Color Information

#307a96 Color Conversion

Color Schemes with #307a96

Alternatives to #307a96

#307a96 Preview

Shades and Tints of #307a96

Tones of #307a96

Color Blindness Simulator