colorhexa.com

#309195 hex color

In a RGB color space, hex #309195 is composed of 18.8% red, 56.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 2.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 182.4 degrees, a saturation of 51.3% and a lightness of 38.6%. #309195 color hex could be obtained by blending #60ffff with #00232b. Closest websafe color is: #339999.

- R 19
- G 57
- B 58
RGB color chart
- C 68
- M 3
- Y 0
- K 42
CMYK color chart

● #309195 color description : Dark moderate cyan.

The hexadecimal color #309195 has RGB values of R:48, G:145, B:149 and CMYK values of C:0.68, M:0.03, Y:0, K:0.42. Its decimal value is 3182997.

Hex triplet	309195	`#309195`
RGB Decimal	48, 145, 149	`rgb(48,145,149)`
RGB Percent	18.8, 56.9, 58.4	`rgb(18.8%,56.9%,58.4%)`
CMYK	68, 3, 0, 42
HSL	182.4°, 51.3, 38.6	`hsl(182.4,51.3%,38.6%)`
HSV (or HSB)	182.4°, 67.8, 58.4
Web Safe	339999	`#339999`

CIE-LAB	55.121, -26.135, -10.345
XYZ	16.768, 23.048, 31.997
xyY	0.233, 0.321, 23.048
CIE-LCH	55.121, 28.108, 201.595
CIE-LUV	55.121, -36.939, -11.396
Hunter-Lab	48.008, -21.67, -5.911
Binary	00110000, 10010001, 10010101

#309195
```
#309195 rgb(48,145,149)
```
#953430
```
#953430 rgb(149,52,48)
```

Complementary Color

#309567
```
#309567 rgb(48,149,103)
```
#309195
```
#309195 rgb(48,145,149)
```
#305f95
```
#305f95 rgb(48,95,149)
```

Analogous Color

#956730
```
#956730 rgb(149,103,48)
```
#309195
```
#309195 rgb(48,145,149)
```
#95305f
```
#95305f rgb(149,48,95)
```

Split Complementary Color

#919530
```
#919530 rgb(145,149,48)
```
#309195
```
#309195 rgb(48,145,149)
```
#953091
```
#953091 rgb(149,48,145)
```

Triadic Color

#309534
```
#309534 rgb(48,149,52)
```
#309195
```
#309195 rgb(48,145,149)
```
#953091
```
#953091 rgb(149,48,145)
```
#953430
```
#953430 rgb(149,52,48)
```

Tetradic Color

#1d595b
```
#1d595b rgb(29,89,91)
```
#246b6e
```
#246b6e rgb(36,107,110)
```
#2a7e82
```
#2a7e82 rgb(42,126,130)
```
#309195
```
#309195 rgb(48,145,149)
```
#36a4a8
```
#36a4a8 rgb(54,164,168)
```
#3cb7bc
```
#3cb7bc rgb(60,183,188)
```
#4cc1c5
```
#4cc1c5 rgb(76,193,197)
```

Monochromatic Color

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

#309580
```
#309580 rgb(48,149,128)
```
#309588
```
#309588 rgb(48,149,136)
```
#309591
```
#309591 rgb(48,149,145)
```
#309195
```
#309195 rgb(48,145,149)
```
#308995
```
#308995 rgb(48,137,149)
```
#308095
```
#308095 rgb(48,128,149)
```
#307895
```
#307895 rgb(48,120,149)
```

Similar Colors

Text with hexadecimal color #309195

This text has a font color of #309195.

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

#309195 background color

This paragraph has a background color of #309195.

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

#309195 border color

This element has a border color of #309195.

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

CSS codes

.text {color:#309195;}

.background {background-color:#309195;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1d1e
```
#0a1d1e rgb(10,29,30)
```
#0f2c2d
```
#0f2c2d rgb(15,44,45)
```
#133a3c
```
#133a3c rgb(19,58,60)
```
#18494b
```
#18494b rgb(24,73,75)
```
#1d575a
```
#1d575a rgb(29,87,90)
```
#226668
```
#226668 rgb(34,102,104)
```
#267477
```
#267477 rgb(38,116,119)
```
#2b8386
```
#2b8386 rgb(43,131,134)
```
#309195
```
#309195 rgb(48,145,149)
```
#359fa4
```
#359fa4 rgb(53,159,164)
```
#3aaeb3
```
#3aaeb3 rgb(58,174,179)
```

Shade Color Variation

#3fbcc1
```
#3fbcc1 rgb(63,188,193)
```
#4ec1c6
```
#4ec1c6 rgb(78,193,198)
```
#5cc6cb
```
#5cc6cb rgb(92,198,203)
```
#6bcbcf
```
#6bcbcf rgb(107,203,207)
```
#7ad1d4
```
#7ad1d4 rgb(122,209,212)
```
#89d6d9
```
#89d6d9 rgb(137,214,217)
```
#98dbde
```
#98dbde rgb(152,219,222)
```
#a7e0e3
```
#a7e0e3 rgb(167,224,227)
```
#b5e5e7
```
#b5e5e7 rgb(181,229,231)
```
#c4ebec
```
#c4ebec rgb(196,235,236)
```
#d3f0f1
```
#d3f0f1 rgb(211,240,241)
```
#e2f5f6
```
#e2f5f6 rgb(226,245,246)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#5d6768
```
#5d6768 rgb(93,103,104)
```
#566e6f
```
#566e6f rgb(86,110,111)
```
#4e7577
```
#4e7577 rgb(78,117,119)
```
#477c7e
```
#477c7e rgb(71,124,126)
```
#3f8386
```
#3f8386 rgb(63,131,134)
```
#388a8d
```
#388a8d rgb(56,138,141)
```
#309195
```
#309195 rgb(48,145,149)
```
#28989d
```
#28989d rgb(40,152,157)
```
#219fa4
```
#219fa4 rgb(33,159,164)
```
#19a6ac
```
#19a6ac rgb(25,166,172)
```
#12adb3
```
#12adb3 rgb(18,173,179)
```
#0ab4bb
```
#0ab4bb rgb(10,180,187)
```
#03bbc2
```
#03bbc2 rgb(3,187,194)
```

Tone Color Variation

Below, you can see how #309195 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
#667a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8992 Protanopia 1% of men
#8c87a0 Deuteranopia 1% of men
#3e95a0 Tritanopia 0.001% of the population

Trichromacy

#698c93 Protanomaly 1% of men, 0.01% of women
#6a8a9c Deuteranomaly 6% of men, 0.4% of women
#39949c Tritanomaly 0.01% of the population