#308488 hex color

In a RGB color space, hex #308488 is composed of 18.8% red, 51.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 2.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 182.7 degrees, a saturation of 47.8% and a lightness of 36.1%. #308488 color hex could be obtained by blending #60ffff with #000911. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 52
- B 53
RGB color chart
- C 65
- M 3
- Y 0
- K 47
CMYK color chart

● #308488 color description : Dark moderate cyan.

The hexadecimal color #308488 has RGB values of R:48, G:132, B:136 and CMYK values of C:0.65, M:0.03, Y:0, K:0.47. Its decimal value is 3179656.

Hex triplet	308488	`#308488`
RGB Decimal	48, 132, 136	`rgb(48,132,136)`
RGB Percent	18.8, 51.8, 53.3	`rgb(18.8%,51.8%,53.3%)`
CMYK	65, 3, 0, 47
HSL	182.7°, 47.8, 36.1	`hsl(182.7,47.8%,36.1%)`
HSV (or HSB)	182.7°, 64.7, 53.3
Web Safe	339999	`#339999`

CIE-LAB	50.579, -23.468, -9.618
XYZ	13.913, 18.907, 26.207
xyY	0.236, 0.32, 18.907
CIE-LCH	50.579, 25.362, 202.286
CIE-LUV	50.579, -32.803, -10.482
Hunter-Lab	43.483, -18.981, -5.297
Binary	00110000, 10000100, 10001000

#308488
```
#308488 rgb(48,132,136)
```
#883430
```
#883430 rgb(136,52,48)
```

Complementary Color

#308860
```
#308860 rgb(48,136,96)
```
#308488
```
#308488 rgb(48,132,136)
```
#305888
```
#305888 rgb(48,88,136)
```

Analogous Color

#886030
```
#886030 rgb(136,96,48)
```
#308488
```
#308488 rgb(48,132,136)
```
#883058
```
#883058 rgb(136,48,88)
```

Split Complementary Color

#848830
```
#848830 rgb(132,136,48)
```
#308488
```
#308488 rgb(48,132,136)
```
#883084
```
#883084 rgb(136,48,132)
```

Triadic Color

#308834
```
#308834 rgb(48,136,52)
```
#308488
```
#308488 rgb(48,132,136)
```
#883084
```
#883084 rgb(136,48,132)
```
#883430
```
#883430 rgb(136,52,48)
```

Tetradic Color

#1c4d4f
```
#1c4d4f rgb(28,77,79)
```
#235f62
```
#235f62 rgb(35,95,98)
```
#297275
```
#297275 rgb(41,114,117)
```
#308488
```
#308488 rgb(48,132,136)
```
#37969b
```
#37969b rgb(55,150,155)
```
#3da9ae
```
#3da9ae rgb(61,169,174)
```
#47b8be
```
#47b8be rgb(71,184,190)
```

Monochromatic Color

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

#308876
```
#308876 rgb(48,136,118)
```
#30887d
```
#30887d rgb(48,136,125)
```
#308885
```
#308885 rgb(48,136,133)
```
#308488
```
#308488 rgb(48,132,136)
```
#307d88
```
#307d88 rgb(48,125,136)
```
#307588
```
#307588 rgb(48,117,136)
```
#306e88
```
#306e88 rgb(48,110,136)
```

Similar Colors

Text with hexadecimal color #308488

This text has a font color of #308488.

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

#308488 background color

This paragraph has a background color of #308488.

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

#308488 border color

This element has a border color of #308488.

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

CSS codes

.text {color:#308488;}

.background {background-color:#308488;}

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

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, #020506 is the darkest color, while #f6fcfc is the lightest one.

#020506
```
#020506 rgb(2,5,6)
```
#071314
```
#071314 rgb(7,19,20)
```
#0c2123
```
#0c2123 rgb(12,33,35)
```
#113031
```
#113031 rgb(17,48,49)
```
#163e40
```
#163e40 rgb(22,62,64)
```
#1c4c4e
```
#1c4c4e rgb(28,76,78)
```
#215a5d
```
#215a5d rgb(33,90,93)
```
#26686b
```
#26686b rgb(38,104,107)
```
#2b767a
```
#2b767a rgb(43,118,122)
```
#308488
```
#308488 rgb(48,132,136)
```
#359296
```
#359296 rgb(53,146,150)
```
#3aa0a5
```
#3aa0a5 rgb(58,160,165)
```
#3faeb3
```
#3faeb3 rgb(63,174,179)
```

Shade Color Variation

#48b9be
```
#48b9be rgb(72,185,190)
```
#57bfc4
```
#57bfc4 rgb(87,191,196)
```
#65c4c9
```
#65c4c9 rgb(101,196,201)
```
#74cace
```
#74cace rgb(116,202,206)
```
#82cfd3
```
#82cfd3 rgb(130,207,211)
```
#91d5d8
```
#91d5d8 rgb(145,213,216)
```
#9fdadd
```
#9fdadd rgb(159,218,221)
```
#aee0e2
```
#aee0e2 rgb(174,224,226)
```
#bce5e7
```
#bce5e7 rgb(188,229,231)
```
#cbebec
```
#cbebec rgb(203,235,236)
```
#d9f0f2
```
#d9f0f2 rgb(217,240,242)
```
#e8f6f7
```
#e8f6f7 rgb(232,246,247)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

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

#5a5d5e
```
#5a5d5e rgb(90,93,94)
```
#536465
```
#536465 rgb(83,100,101)
```
#4c6a6c
```
#4c6a6c rgb(76,106,108)
```
#457173
```
#457173 rgb(69,113,115)
```
#3e777a
```
#3e777a rgb(62,119,122)
```
#377e81
```
#377e81 rgb(55,126,129)
```
#308488
```
#308488 rgb(48,132,136)
```
#298a8f
```
#298a8f rgb(41,138,143)
```
#229196
```
#229196 rgb(34,145,150)
```
#1b979d
```
#1b979d rgb(27,151,157)
```
#149ea4
```
#149ea4 rgb(20,158,164)
```
#0da4ab
```
#0da4ab rgb(13,164,171)
```
#06abb2
```
#06abb2 rgb(6,171,178)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f7071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7e87 Protanopia 1% of men
#817c93 Deuteranopia 1% of men
#3e8993 Tritanopia 0.001% of the population

Trichromacy

#628087 Protanomaly 1% of men, 0.01% of women
#637f8f Deuteranomaly 6% of men, 0.4% of women
#38878f Tritanomaly 0.01% of the population

#308488 hex color

#308488 Color Information

#308488 Color Conversion

Color Schemes with #308488

Alternatives to #308488

#308488 Preview

Shades and Tints of #308488

Tones of #308488

Color Blindness Simulator