#308694 hex color

In a RGB color space, hex #308694 is composed of 18.8% red, 52.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 9.5% magenta, 0% yellow and 42% black. It has a hue angle of 188.4 degrees, a saturation of 51% and a lightness of 38.4%. #308694 color hex could be obtained by blending #60ffff with #000d29. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 53
- B 58
RGB color chart
- C 68
- M 9
- Y 0
- K 42
CMYK color chart

● #308694 color description : Dark moderate cyan.

The hexadecimal color #308694 has RGB values of R:48, G:134, B:148 and CMYK values of C:0.68, M:0.09, Y:0, K:0.42. Its decimal value is 3180180.

Hex triplet	308694	`#308694`
RGB Decimal	48, 134, 148	`rgb(48,134,148)`
RGB Percent	18.8, 52.5, 58	`rgb(18.8%,52.5%,58%)`
CMYK	68, 9, 0, 42
HSL	188.4°, 51, 38.4	`hsl(188.4,51%,38.4%)`
HSV (or HSB)	188.4°, 67.6, 58
Web Safe	339999	`#339999`

CIE-LAB	51.628, -20.772, -15.036
XYZ	15.088, 19.815, 31.045
xyY	0.229, 0.3, 19.815
CIE-LCH	51.628, 25.643, 215.899
CIE-LUV	51.628, -32.881, -19.119
Hunter-Lab	44.515, -17.399, -10.189
Binary	00110000, 10000110, 10010100

#308694
```
#308694 rgb(48,134,148)
```
#943e30
```
#943e30 rgb(148,62,48)
```

Complementary Color

#309470
```
#309470 rgb(48,148,112)
```
#308694
```
#308694 rgb(48,134,148)
```
#305494
```
#305494 rgb(48,84,148)
```

Analogous Color

#947030
```
#947030 rgb(148,112,48)
```
#308694
```
#308694 rgb(48,134,148)
```
#943054
```
#943054 rgb(148,48,84)
```

Split Complementary Color

#869430
```
#869430 rgb(134,148,48)
```
#308694
```
#308694 rgb(48,134,148)
```
#943086
```
#943086 rgb(148,48,134)
```

Triadic Color

#30943e
```
#30943e rgb(48,148,62)
```
#308694
```
#308694 rgb(48,134,148)
```
#943086
```
#943086 rgb(148,48,134)
```
#943e30
```
#943e30 rgb(148,62,48)
```

Tetradic Color

#1d525a
```
#1d525a rgb(29,82,90)
```
#24636d
```
#24636d rgb(36,99,109)
```
#2a7581
```
#2a7581 rgb(42,117,129)
```
#308694
```
#308694 rgb(48,134,148)
```
#3697a7
```
#3697a7 rgb(54,151,167)
```
#3ca9bb
```
#3ca9bb rgb(60,169,187)
```
#4cb4c5
```
#4cb4c5 rgb(76,180,197)
```

Monochromatic Color

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

#309489
```
#309489 rgb(48,148,137)
```
#309491
```
#309491 rgb(48,148,145)
```
#308e94
```
#308e94 rgb(48,142,148)
```
#308694
```
#308694 rgb(48,134,148)
```
#307e94
```
#307e94 rgb(48,126,148)
```
#307594
```
#307594 rgb(48,117,148)
```
#306d94
```
#306d94 rgb(48,109,148)
```

Similar Colors

Text with hexadecimal color #308694

This text has a font color of #308694.

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

#308694 background color

This paragraph has a background color of #308694.

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

#308694 border color

This element has a border color of #308694.

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

CSS codes

.text {color:#308694;}

.background {background-color:#308694;}

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

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, #050d0f is the darkest color, while #ffffff is the lightest one.

#050d0f
```
#050d0f rgb(5,13,15)
```
#0a1b1e
```
#0a1b1e rgb(10,27,30)
```
#0e282c
```
#0e282c rgb(14,40,44)
```
#13363b
```
#13363b rgb(19,54,59)
```
#18434a
```
#18434a rgb(24,67,74)
```
#1d5059
```
#1d5059 rgb(29,80,89)
```
#225e68
```
#225e68 rgb(34,94,104)
```
#266b76
```
#266b76 rgb(38,107,118)
```
#2b7985
```
#2b7985 rgb(43,121,133)
```
#308694
```
#308694 rgb(48,134,148)
```
#3593a3
```
#3593a3 rgb(53,147,163)
```
#3aa1b2
```
#3aa1b2 rgb(58,161,178)
```
#3eaec0
```
#3eaec0 rgb(62,174,192)
```

Shade Color Variation

#4db4c5
```
#4db4c5 rgb(77,180,197)
```
#5cbbca
```
#5cbbca rgb(92,187,202)
```
#6bc1cf
```
#6bc1cf rgb(107,193,207)
```
#7ac7d4
```
#7ac7d4 rgb(122,199,212)
```
#88cdd9
```
#88cdd9 rgb(136,205,217)
```
#97d4dd
```
#97d4dd rgb(151,212,221)
```
#a6dae2
```
#a6dae2 rgb(166,218,226)
```
#b5e0e7
```
#b5e0e7 rgb(181,224,231)
```
#c4e6ec
```
#c4e6ec rgb(196,230,236)
```
#d2ecf1
```
#d2ecf1 rgb(210,236,241)
```
#e1f3f5
```
#e1f3f5 rgb(225,243,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6567
```
#5d6567 rgb(93,101,103)
```
#566b6e
```
#566b6e rgb(86,107,110)
```
#4e7076
```
#4e7076 rgb(78,112,118)
```
#47767d
```
#47767d rgb(71,118,125)
```
#3f7b85
```
#3f7b85 rgb(63,123,133)
```
#38818c
```
#38818c rgb(56,129,140)
```
#308694
```
#308694 rgb(48,134,148)
```
#288b9c
```
#288b9c rgb(40,139,156)
```
#2191a3
```
#2191a3 rgb(33,145,163)
```
#1996ab
```
#1996ab rgb(25,150,171)
```
#129cb2
```
#129cb2 rgb(18,156,178)
```
#0aa1ba
```
#0aa1ba rgb(10,161,186)
```
#03a7c1
```
#03a7c1 rgb(3,167,193)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#627376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8092 Protanopia 1% of men
#7e7f9e Deuteranopia 1% of men
#398c97 Tritanopia 0.001% of the population

Trichromacy

#628293 Protanomaly 1% of men, 0.01% of women
#62819a Deuteranomaly 6% of men, 0.4% of women
#358a95 Tritanomaly 0.01% of the population

#308694 hex color

#308694 Color Information

#308694 Color Conversion

Color Schemes with #308694

Alternatives to #308694

#308694 Preview

Shades and Tints of #308694

Tones of #308694

Color Blindness Simulator