#308795 hex color

In a RGB color space, hex #308795 is composed of 18.8% red, 52.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 9.4% magenta, 0% yellow and 41.6% black. It has a hue angle of 188.3 degrees, a saturation of 51.3% and a lightness of 38.6%. #308795 color hex could be obtained by blending #60ffff with #000f2b. 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

● #308795 color description : Dark moderate cyan.

The hexadecimal color #308795 has RGB values of R:48, G:135, B:149 and CMYK values of C:0.68, M:0.09, Y:0, K:0.42. Its decimal value is 3180437.

Hex triplet	308795	`#308795`
RGB Decimal	48, 135, 149	`rgb(48,135,149)`
RGB Percent	18.8, 52.9, 58.4	`rgb(18.8%,52.9%,58.4%)`
CMYK	68, 9, 0, 42
HSL	188.3°, 51.3, 38.6	`hsl(188.3,51.3%,38.6%)`
HSV (or HSB)	188.3°, 67.8, 58.4
Web Safe	339999	`#339999`

CIE-LAB	51.978, -20.982, -15.086
XYZ	15.306, 20.125, 31.51
xyY	0.229, 0.301, 20.125
CIE-LCH	51.978, 25.842, 215.716
CIE-LUV	51.978, -33.199, -19.193
Hunter-Lab	44.861, -17.604, -10.242
Binary	00110000, 10000111, 10010101

#308795
```
#308795 rgb(48,135,149)
```
#953e30
```
#953e30 rgb(149,62,48)
```

Complementary Color

#309571
```
#309571 rgb(48,149,113)
```
#308795
```
#308795 rgb(48,135,149)
```
#305595
```
#305595 rgb(48,85,149)
```

Analogous Color

#957130
```
#957130 rgb(149,113,48)
```
#308795
```
#308795 rgb(48,135,149)
```
#953055
```
#953055 rgb(149,48,85)
```

Split Complementary Color

#879530
```
#879530 rgb(135,149,48)
```
#308795
```
#308795 rgb(48,135,149)
```
#953087
```
#953087 rgb(149,48,135)
```

Triadic Color

#30953e
```
#30953e rgb(48,149,62)
```
#308795
```
#308795 rgb(48,135,149)
```
#953087
```
#953087 rgb(149,48,135)
```
#953e30
```
#953e30 rgb(149,62,48)
```

Tetradic Color

#1d535b
```
#1d535b rgb(29,83,91)
```
#24646e
```
#24646e rgb(36,100,110)
```
#2a7682
```
#2a7682 rgb(42,118,130)
```
#308795
```
#308795 rgb(48,135,149)
```
#3698a8
```
#3698a8 rgb(54,152,168)
```
#3caabc
```
#3caabc rgb(60,170,188)
```
#4cb5c5
```
#4cb5c5 rgb(76,181,197)
```

Monochromatic Color

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

#30958a
```
#30958a rgb(48,149,138)
```
#309592
```
#309592 rgb(48,149,146)
```
#308f95
```
#308f95 rgb(48,143,149)
```
#308795
```
#308795 rgb(48,135,149)
```
#307f95
```
#307f95 rgb(48,127,149)
```
#307695
```
#307695 rgb(48,118,149)
```
#306e95
```
#306e95 rgb(48,110,149)
```

Similar Colors

Text with hexadecimal color #308795

This text has a font color of #308795.

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

#308795 background color

This paragraph has a background color of #308795.

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

#308795 border color

This element has a border color of #308795.

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

CSS codes

.text {color:#308795;}

.background {background-color:#308795;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050e0f
```
#050e0f rgb(5,14,15)
```
#0a1b1e
```
#0a1b1e rgb(10,27,30)
```
#0f292d
```
#0f292d rgb(15,41,45)
```
#13363c
```
#13363c rgb(19,54,60)
```
#18444b
```
#18444b rgb(24,68,75)
```
#1d515a
```
#1d515a rgb(29,81,90)
```
#225f68
```
#225f68 rgb(34,95,104)
```
#266c77
```
#266c77 rgb(38,108,119)
```
#2b7a86
```
#2b7a86 rgb(43,122,134)
```
#308795
```
#308795 rgb(48,135,149)
```
#3594a4
```
#3594a4 rgb(53,148,164)
```
#3aa2b3
```
#3aa2b3 rgb(58,162,179)
```

Shade Color Variation

#3fafc1
```
#3fafc1 rgb(63,175,193)
```
#4eb5c6
```
#4eb5c6 rgb(78,181,198)
```
#5cbbcb
```
#5cbbcb rgb(92,187,203)
```
#6bc2cf
```
#6bc2cf rgb(107,194,207)
```
#7ac8d4
```
#7ac8d4 rgb(122,200,212)
```
#89ced9
```
#89ced9 rgb(137,206,217)
```
#98d4de
```
#98d4de rgb(152,212,222)
```
#a7dae3
```
#a7dae3 rgb(167,218,227)
```
#b5e0e7
```
#b5e0e7 rgb(181,224,231)
```
#c4e7ec
```
#c4e7ec rgb(196,231,236)
```
#d3edf1
```
#d3edf1 rgb(211,237,241)
```
#e2f3f6
```
#e2f3f6 rgb(226,243,246)
```
#f1f9fa
```
#f1f9fa rgb(241,249,250)
```

Tint Color Variation

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

#5d6668
```
#5d6668 rgb(93,102,104)
```
#566c6f
```
#566c6f rgb(86,108,111)
```
#4e7177
```
#4e7177 rgb(78,113,119)
```
#47777e
```
#47777e rgb(71,119,126)
```
#3f7c86
```
#3f7c86 rgb(63,124,134)
```
#38828d
```
#38828d rgb(56,130,141)
```
#308795
```
#308795 rgb(48,135,149)
```
#288c9d
```
#288c9d rgb(40,140,157)
```
#2192a4
```
#2192a4 rgb(33,146,164)
```
#1997ac
```
#1997ac rgb(25,151,172)
```
#129db3
```
#129db3 rgb(18,157,179)
```
#0aa2bb
```
#0aa2bb rgb(10,162,187)
```
#03a8c2
```
#03a8c2 rgb(3,168,194)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#627477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8193 Protanopia 1% of men
#7f809f Deuteranopia 1% of men
#398d98 Tritanopia 0.001% of the population

Trichromacy

#628394 Protanomaly 1% of men, 0.01% of women
#62829b Deuteranomaly 6% of men, 0.4% of women
#358b96 Tritanomaly 0.01% of the population

#308795 hex color

#308795 Color Information

#308795 Color Conversion

Color Schemes with #308795

Alternatives to #308795

#308795 Preview

Shades and Tints of #308795

Tones of #308795

Color Blindness Simulator