#309485 hex color

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

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

● #309485 color description : Dark moderate cyan.

The hexadecimal color #309485 has RGB values of R:48, G:148, B:133 and CMYK values of C:0.68, M:0, Y:0.1, K:0.42. Its decimal value is 3183749.

Hex triplet	309485	`#309485`
RGB Decimal	48, 148, 133	`rgb(48,148,133)`
RGB Percent	18.8, 58, 52.2	`rgb(18.8%,58%,52.2%)`
CMYK	68, 0, 10, 42
HSL	171°, 51, 38.4	`hsl(171,51%,38.4%)`
HSV (or HSB)	171°, 67.6, 58
Web Safe	339999	`#339999`

CIE-LAB	55.584, -32.238, -0.467
XYZ	16.041, 23.5, 25.88
xyY	0.245, 0.359, 23.5
CIE-LCH	55.584, 32.241, 180.831
CIE-LUV	55.584, -39.044, 4.111
Hunter-Lab	48.477, -25.769, 2.282
Binary	00110000, 10010100, 10000101

#309485
```
#309485 rgb(48,148,133)
```
#94303f
```
#94303f rgb(148,48,63)
```

Complementary Color

#309453
```
#309453 rgb(48,148,83)
```
#309485
```
#309485 rgb(48,148,133)
```
#307194
```
#307194 rgb(48,113,148)
```

Analogous Color

#945330
```
#945330 rgb(148,83,48)
```
#309485
```
#309485 rgb(48,148,133)
```
#943071
```
#943071 rgb(148,48,113)
```

Split Complementary Color

#948530
```
#948530 rgb(148,133,48)
```
#309485
```
#309485 rgb(48,148,133)
```
#853094
```
#853094 rgb(133,48,148)
```

Triadic Color

#3f9430
```
#3f9430 rgb(63,148,48)
```
#309485
```
#309485 rgb(48,148,133)
```
#853094
```
#853094 rgb(133,48,148)
```
#94303f
```
#94303f rgb(148,48,63)
```

Tetradic Color

#1d5a51
```
#1d5a51 rgb(29,90,81)
```
#246d62
```
#246d62 rgb(36,109,98)
```
#2a8174
```
#2a8174 rgb(42,129,116)
```
#309485
```
#309485 rgb(48,148,133)
```
#36a796
```
#36a796 rgb(54,167,150)
```
#3cbba8
```
#3cbba8 rgb(60,187,168)
```
#4cc5b3
```
#4cc5b3 rgb(76,197,179)
```

Monochromatic Color

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

#30946c
```
#30946c rgb(48,148,108)
```
#309474
```
#309474 rgb(48,148,116)
```
#30947d
```
#30947d rgb(48,148,125)
```
#309485
```
#309485 rgb(48,148,133)
```
#30948d
```
#30948d rgb(48,148,141)
```
#309294
```
#309294 rgb(48,146,148)
```
#308a94
```
#308a94 rgb(48,138,148)
```

Similar Colors

Text with hexadecimal color #309485

This text has a font color of #309485.

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

#309485 background color

This paragraph has a background color of #309485.

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

#309485 border color

This element has a border color of #309485.

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

CSS codes

.text {color:#309485;}

.background {background-color:#309485;}

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

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

#050f0d
```
#050f0d rgb(5,15,13)
```
#0a1e1b
```
#0a1e1b rgb(10,30,27)
```
#0e2c28
```
#0e2c28 rgb(14,44,40)
```
#133b35
```
#133b35 rgb(19,59,53)
```
#184a42
```
#184a42 rgb(24,74,66)
```
#1d5950
```
#1d5950 rgb(29,89,80)
```
#22685d
```
#22685d rgb(34,104,93)
```
#26766a
```
#26766a rgb(38,118,106)
```
#2b8578
```
#2b8578 rgb(43,133,120)
```
#309485
```
#309485 rgb(48,148,133)
```
#35a392
```
#35a392 rgb(53,163,146)
```
#3ab2a0
```
#3ab2a0 rgb(58,178,160)
```
#3ec0ad
```
#3ec0ad rgb(62,192,173)
```

Shade Color Variation

#4dc5b3
```
#4dc5b3 rgb(77,197,179)
```
#5ccaba
```
#5ccaba rgb(92,202,186)
```
#6bcfc0
```
#6bcfc0 rgb(107,207,192)
```
#7ad4c6
```
#7ad4c6 rgb(122,212,198)
```
#88d9cd
```
#88d9cd rgb(136,217,205)
```
#97ddd3
```
#97ddd3 rgb(151,221,211)
```
#a6e2d9
```
#a6e2d9 rgb(166,226,217)
```
#b5e7df
```
#b5e7df rgb(181,231,223)
```
#c4ece6
```
#c4ece6 rgb(196,236,230)
```
#d2f1ec
```
#d2f1ec rgb(210,241,236)
```
#e1f5f2
```
#e1f5f2 rgb(225,245,242)
```
#f0faf9
```
#f0faf9 rgb(240,250,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6765
```
#5d6765 rgb(93,103,101)
```
#566e6b
```
#566e6b rgb(86,110,107)
```
#4e7670
```
#4e7670 rgb(78,118,112)
```
#477d75
```
#477d75 rgb(71,125,117)
```
#3f857a
```
#3f857a rgb(63,133,122)
```
#388c80
```
#388c80 rgb(56,140,128)
```
#309485
```
#309485 rgb(48,148,133)
```
#289c8a
```
#289c8a rgb(40,156,138)
```
#21a390
```
#21a390 rgb(33,163,144)
```
#19ab95
```
#19ab95 rgb(25,171,149)
```
#12b29a
```
#12b29a rgb(18,178,154)
```
#0aba9f
```
#0aba9f rgb(10,186,159)
```
#03c1a5
```
#03c1a5 rgb(3,193,165)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#667a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8a83 Protanopia 1% of men
#958791 Deuteranopia 1% of men
#4796a1 Tritanopia 0.001% of the population

Trichromacy

#6c8e84 Protanomaly 1% of men, 0.01% of women
#708c8d Deuteranomaly 6% of men, 0.4% of women
#3e9596 Tritanomaly 0.01% of the population

#309485 hex color

#309485 Color Information

#309485 Color Conversion

Color Schemes with #309485

Alternatives to #309485

#309485 Preview

Shades and Tints of #309485

Tones of #309485

Color Blindness Simulator