#307168 hex color

In a RGB color space, hex #307168 is composed of 18.8% red, 44.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 0% magenta, 8% yellow and 55.7% black. It has a hue angle of 171.7 degrees, a saturation of 40.4% and a lightness of 31.6%. #307168 color hex could be obtained by blending #60e2d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 41
RGB color chart
- C 58
- M 0
- Y 8
- K 56
CMYK color chart

● #307168 color description : Very dark desaturated cyan.

The hexadecimal color #307168 has RGB values of R:48, G:113, B:104 and CMYK values of C:0.58, M:0, Y:0.08, K:0.56. Its decimal value is 3174760.

Hex triplet	307168	`#307168`
RGB Decimal	48, 113, 104	`rgb(48,113,104)`
RGB Percent	18.8, 44.3, 40.8	`rgb(18.8%,44.3%,40.8%)`
CMYK	58, 0, 8, 56
HSL	171.7°, 40.4, 31.6	`hsl(171.7,40.4%,31.6%)`
HSV (or HSB)	171.7°, 57.5, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.415, -23.069, -1.271
XYZ	9.622, 13.437, 15.183
xyY	0.252, 0.351, 13.437
CIE-LCH	43.415, 23.104, 183.154
CIE-LUV	43.415, -27.048, 1.54
Hunter-Lab	36.657, -17.296, 1.103
Binary	00110000, 01110001, 01101000

#307168
```
#307168 rgb(48,113,104)
```
#713039
```
#713039 rgb(113,48,57)
```

Complementary Color

#307148
```
#307148 rgb(48,113,72)
```
#307168
```
#307168 rgb(48,113,104)
```
#305a71
```
#305a71 rgb(48,90,113)
```

Analogous Color

#714830
```
#714830 rgb(113,72,48)
```
#307168
```
#307168 rgb(48,113,104)
```
#71305a
```
#71305a rgb(113,48,90)
```

Split Complementary Color

#716830
```
#716830 rgb(113,104,48)
```
#307168
```
#307168 rgb(48,113,104)
```
#683071
```
#683071 rgb(104,48,113)
```

Triadic Color

#397130
```
#397130 rgb(57,113,48)
```
#307168
```
#307168 rgb(48,113,104)
```
#683071
```
#683071 rgb(104,48,113)
```
#713039
```
#713039 rgb(113,48,57)
```

Tetradic Color

#193b37
```
#193b37 rgb(25,59,55)
```
#214d47
```
#214d47 rgb(33,77,71)
```
#285f58
```
#285f58 rgb(40,95,88)
```
#307168
```
#307168 rgb(48,113,104)
```
#388378
```
#388378 rgb(56,131,120)
```
#3f9589
```
#3f9589 rgb(63,149,137)
```
#47a799
```
#47a799 rgb(71,167,153)
```

Monochromatic Color

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

#307158
```
#307158 rgb(48,113,88)
```
#30715d
```
#30715d rgb(48,113,93)
```
#307163
```
#307163 rgb(48,113,99)
```
#307168
```
#307168 rgb(48,113,104)
```
#30716d
```
#30716d rgb(48,113,109)
```
#306f71
```
#306f71 rgb(48,111,113)
```
#306a71
```
#306a71 rgb(48,106,113)
```

Similar Colors

Text with hexadecimal color #307168

This text has a font color of #307168.

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

#307168 background color

This paragraph has a background color of #307168.

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

#307168 border color

This element has a border color of #307168.

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

CSS codes

.text {color:#307168;}

.background {background-color:#307168;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0d1e1c
```
#0d1e1c rgb(13,30,28)
```
#132c29
```
#132c29 rgb(19,44,41)
```
#193a35
```
#193a35 rgb(25,58,53)
```
#1e4842
```
#1e4842 rgb(30,72,66)
```
#24554f
```
#24554f rgb(36,85,79)
```
#2a635b
```
#2a635b rgb(42,99,91)
```
#307168
```
#307168 rgb(48,113,104)
```
#367f75
```
#367f75 rgb(54,127,117)
```
#3c8d81
```
#3c8d81 rgb(60,141,129)
```
#429a8e
```
#429a8e rgb(66,154,142)
```
#47a89b
```
#47a89b rgb(71,168,155)
```

Shade Color Variation

#4fb4a6
```
#4fb4a6 rgb(79,180,166)
```
#5dbaad
```
#5dbaad rgb(93,186,173)
```
#6ac0b4
```
#6ac0b4 rgb(106,192,180)
```
#78c6bb
```
#78c6bb rgb(120,198,187)
```
#86ccc2
```
#86ccc2 rgb(134,204,194)
```
#94d1c9
```
#94d1c9 rgb(148,209,201)
```
#a1d7d0
```
#a1d7d0 rgb(161,215,208)
```
#afddd7
```
#afddd7 rgb(175,221,215)
```
#bde3de
```
#bde3de rgb(189,227,222)
```
#cbe9e5
```
#cbe9e5 rgb(203,233,229)
```
#d9efec
```
#d9efec rgb(217,239,236)
```
#e6f5f3
```
#e6f5f3 rgb(230,245,243)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5252 is the less saturated color, while #059c87 is the most saturated one.

#4f5252
```
#4f5252 rgb(79,82,82)
```
#495856
```
#495856 rgb(73,88,86)
```
#435e5b
```
#435e5b rgb(67,94,91)
```
#3c655f
```
#3c655f rgb(60,101,95)
```
#366b64
```
#366b64 rgb(54,107,100)
```
#307168
```
#307168 rgb(48,113,104)
```
#2a776c
```
#2a776c rgb(42,119,108)
```
#247d71
```
#247d71 rgb(36,125,113)
```
#1d8475
```
#1d8475 rgb(29,132,117)
```
#178a7a
```
#178a7a rgb(23,138,122)
```
#11907e
```
#11907e rgb(17,144,126)
```
#0b9683
```
#0b9683 rgb(11,150,131)
```
#059c87
```
#059c87 rgb(5,156,135)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#54615f Atypical Achromatopsia 0.001% of the population

Dichromacy

#716e6a Protanopia 1% of men
#756b74 Deuteranopia 1% of men
#41767e Tritanopia 0.001% of the population

Trichromacy

#596f69 Protanomaly 1% of men, 0.01% of women
#5c6d6f Deuteranomaly 6% of men, 0.4% of women
#3b7476 Tritanomaly 0.01% of the population

#307168 hex color

#307168 Color Information

#307168 Color Conversion

Color Schemes with #307168

Alternatives to #307168

#307168 Preview

Shades and Tints of #307168

Tones of #307168

Color Blindness Simulator