#308494 hex color

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

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

● #308494 color description : Dark moderate cyan.

The hexadecimal color #308494 has RGB values of R:48, G:132, B:148 and CMYK values of C:0.68, M:0.11, Y:0, K:0.42. Its decimal value is 3179668.

Hex triplet	308494	`#308494`
RGB Decimal	48, 132, 148	`rgb(48,132,148)`
RGB Percent	18.8, 51.8, 58	`rgb(18.8%,51.8%,58%)`
CMYK	68, 11, 0, 42
HSL	189.6°, 51, 38.4	`hsl(189.6,51%,38.4%)`
HSV (or HSB)	189.6°, 67.6, 58
Web Safe	339999	`#339999`

CIE-LAB	50.999, -19.709, -15.991
XYZ	14.814, 19.268, 30.954
xyY	0.228, 0.296, 19.268
CIE-LCH	50.999, 25.38, 219.054
CIE-LUV	50.999, -32.131, -20.682
Hunter-Lab	43.895, -16.575, -11.083
Binary	00110000, 10000100, 10010100

#308494
```
#308494 rgb(48,132,148)
```
#944030
```
#944030 rgb(148,64,48)
```

Complementary Color

#309472
```
#309472 rgb(48,148,114)
```
#308494
```
#308494 rgb(48,132,148)
```
#305294
```
#305294 rgb(48,82,148)
```

Analogous Color

#947230
```
#947230 rgb(148,114,48)
```
#308494
```
#308494 rgb(48,132,148)
```
#943052
```
#943052 rgb(148,48,82)
```

Split Complementary Color

#849430
```
#849430 rgb(132,148,48)
```
#308494
```
#308494 rgb(48,132,148)
```
#943084
```
#943084 rgb(148,48,132)
```

Triadic Color

#309440
```
#309440 rgb(48,148,64)
```
#308494
```
#308494 rgb(48,132,148)
```
#943084
```
#943084 rgb(148,48,132)
```
#944030
```
#944030 rgb(148,64,48)
```

Tetradic Color

#1d505a
```
#1d505a rgb(29,80,90)
```
#24626d
```
#24626d rgb(36,98,109)
```
#2a7381
```
#2a7381 rgb(42,115,129)
```
#308494
```
#308494 rgb(48,132,148)
```
#3695a7
```
#3695a7 rgb(54,149,167)
```
#3ca6bb
```
#3ca6bb rgb(60,166,187)
```
#4cb1c5
```
#4cb1c5 rgb(76,177,197)
```

Monochromatic Color

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

#30948b
```
#30948b rgb(48,148,139)
```
#309493
```
#309493 rgb(48,148,147)
```
#308c94
```
#308c94 rgb(48,140,148)
```
#308494
```
#308494 rgb(48,132,148)
```
#307c94
```
#307c94 rgb(48,124,148)
```
#307394
```
#307394 rgb(48,115,148)
```
#306b94
```
#306b94 rgb(48,107,148)
```

Similar Colors

Text with hexadecimal color #308494

This text has a font color of #308494.

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

#308494 background color

This paragraph has a background color of #308494.

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

#308494 border color

This element has a border color of #308494.

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

CSS codes

.text {color:#308494;}

.background {background-color:#308494;}

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

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)
```
#0a1a1e
```
#0a1a1e rgb(10,26,30)
```
#0e282c
```
#0e282c rgb(14,40,44)
```
#13353b
```
#13353b rgb(19,53,59)
```
#18424a
```
#18424a rgb(24,66,74)
```
#1d4f59
```
#1d4f59 rgb(29,79,89)
```
#225c68
```
#225c68 rgb(34,92,104)
```
#266a76
```
#266a76 rgb(38,106,118)
```
#2b7785
```
#2b7785 rgb(43,119,133)
```
#308494
```
#308494 rgb(48,132,148)
```
#3591a3
```
#3591a3 rgb(53,145,163)
```
#3a9eb2
```
#3a9eb2 rgb(58,158,178)
```
#3eacc0
```
#3eacc0 rgb(62,172,192)
```

Shade Color Variation

#4db2c5
```
#4db2c5 rgb(77,178,197)
```
#5cb8ca
```
#5cb8ca rgb(92,184,202)
```
#6bbfcf
```
#6bbfcf rgb(107,191,207)
```
#7ac5d4
```
#7ac5d4 rgb(122,197,212)
```
#88ccd9
```
#88ccd9 rgb(136,204,217)
```
#97d2dd
```
#97d2dd rgb(151,210,221)
```
#a6d9e2
```
#a6d9e2 rgb(166,217,226)
```
#b5dfe7
```
#b5dfe7 rgb(181,223,231)
```
#c4e5ec
```
#c4e5ec rgb(196,229,236)
```
#d2ecf1
```
#d2ecf1 rgb(210,236,241)
```
#e1f2f5
```
#e1f2f5 rgb(225,242,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 #03a3c1 is the most saturated one.

#5d6567
```
#5d6567 rgb(93,101,103)
```
#566a6e
```
#566a6e rgb(86,106,110)
```
#4e6f76
```
#4e6f76 rgb(78,111,118)
```
#47757d
```
#47757d rgb(71,117,125)
```
#3f7a85
```
#3f7a85 rgb(63,122,133)
```
#387f8c
```
#387f8c rgb(56,127,140)
```
#308494
```
#308494 rgb(48,132,148)
```
#28899c
```
#28899c rgb(40,137,156)
```
#218ea3
```
#218ea3 rgb(33,142,163)
```
#1993ab
```
#1993ab rgb(25,147,171)
```
#1299b2
```
#1299b2 rgb(18,153,178)
```
#0a9eba
```
#0a9eba rgb(10,158,186)
```
#03a3c1
```
#03a3c1 rgb(3,163,193)
```

Tone Color Variation

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

#7c7f92 Protanopia 1% of men
#7b7e9e Deuteranopia 1% of men
#378b95 Tritanopia 0.001% of the population

Trichromacy

#608193 Protanomaly 1% of men, 0.01% of women
#60809a Deuteranomaly 6% of men, 0.4% of women
#358894 Tritanomaly 0.01% of the population

#308494 hex color

#308494 Color Information

#308494 Color Conversion

Color Schemes with #308494

Alternatives to #308494

#308494 Preview

Shades and Tints of #308494

Tones of #308494

Color Blindness Simulator