#306f75 hex color

In a RGB color space, hex #306f75 is composed of 18.8% red, 43.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 5.1% magenta, 0% yellow and 54.1% black. It has a hue angle of 185.2 degrees, a saturation of 41.8% and a lightness of 32.4%. #306f75 color hex could be obtained by blending #60deea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 46
RGB color chart
- C 59
- M 5
- Y 0
- K 54
CMYK color chart

● #306f75 color description : Dark moderate cyan.

The hexadecimal color #306f75 has RGB values of R:48, G:111, B:117 and CMYK values of C:0.59, M:0.05, Y:0, K:0.54. Its decimal value is 3174261.

Hex triplet	306f75	`#306f75`
RGB Decimal	48, 111, 117	`rgb(48,111,117)`
RGB Percent	18.8, 43.5, 45.9	`rgb(18.8%,43.5%,45.9%)`
CMYK	59, 5, 0, 54
HSL	185.2°, 41.8, 32.4	`hsl(185.2,41.8%,32.4%)`
HSV (or HSB)	185.2°, 59, 45.9
Web Safe	336666	`#336666`

CIE-LAB	43.183, -18.17, -9.445
XYZ	10.113, 13.281, 18.859
xyY	0.239, 0.314, 13.281
CIE-LCH	43.183, 20.478, 207.466
CIE-LUV	43.183, -25.658, -10.566
Hunter-Lab	36.443, -14.239, -5.172
Binary	00110000, 01101111, 01110101

#306f75
```
#306f75 rgb(48,111,117)
```
#753630
```
#753630 rgb(117,54,48)
```

Complementary Color

#307558
```
#307558 rgb(48,117,88)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#304d75
```
#304d75 rgb(48,77,117)
```

Analogous Color

#755830
```
#755830 rgb(117,88,48)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#75304d
```
#75304d rgb(117,48,77)
```

Split Complementary Color

#6f7530
```
#6f7530 rgb(111,117,48)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#75306f
```
#75306f rgb(117,48,111)
```

Triadic Color

#307536
```
#307536 rgb(48,117,54)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#75306f
```
#75306f rgb(117,48,111)
```
#753630
```
#753630 rgb(117,54,48)
```

Tetradic Color

#1a3c3f
```
#1a3c3f rgb(26,60,63)
```
#214d51
```
#214d51 rgb(33,77,81)
```
#295e63
```
#295e63 rgb(41,94,99)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#378087
```
#378087 rgb(55,128,135)
```
#3f9199
```
#3f9199 rgb(63,145,153)
```
#46a2ab
```
#46a2ab rgb(70,162,171)
```

Monochromatic Color

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

#30756a
```
#30756a rgb(48,117,106)
```
#307570
```
#307570 rgb(48,117,112)
```
#307575
```
#307575 rgb(48,117,117)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#306975
```
#306975 rgb(48,105,117)
```
#306475
```
#306475 rgb(48,100,117)
```
#305e75
```
#305e75 rgb(48,94,117)
```

Similar Colors

Text with hexadecimal color #306f75

This text has a font color of #306f75.

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

#306f75 background color

This paragraph has a background color of #306f75.

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

#306f75 border color

This element has a border color of #306f75.

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

CSS codes

.text {color:#306f75;}

.background {background-color:#306f75;}

.border {border:1px solid #306f75;}

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

#020506
```
#020506 rgb(2,5,6)
```
#081314
```
#081314 rgb(8,19,20)
```
#0e2022
```
#0e2022 rgb(14,32,34)
```
#132d2f
```
#132d2f rgb(19,45,47)
```
#193a3d
```
#193a3d rgb(25,58,61)
```
#1f474b
```
#1f474b rgb(31,71,75)
```
#255559
```
#255559 rgb(37,85,89)
```
#2a6267
```
#2a6267 rgb(42,98,103)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#367c83
```
#367c83 rgb(54,124,131)
```
#3b8991
```
#3b8991 rgb(59,137,145)
```
#41979f
```
#41979f rgb(65,151,159)
```
#47a4ad
```
#47a4ad rgb(71,164,173)
```

Shade Color Variation

#50aeb7
```
#50aeb7 rgb(80,174,183)
```
#5eb5bd
```
#5eb5bd rgb(94,181,189)
```
#6cbbc3
```
#6cbbc3 rgb(108,187,195)
```
#7ac1c8
```
#7ac1c8 rgb(122,193,200)
```
#88c8ce
```
#88c8ce rgb(136,200,206)
```
#95ced4
```
#95ced4 rgb(149,206,212)
```
#a3d5d9
```
#a3d5d9 rgb(163,213,217)
```
#b1dbdf
```
#b1dbdf rgb(177,219,223)
```
#bfe2e5
```
#bfe2e5 rgb(191,226,229)
```
#cde8eb
```
#cde8eb rgb(205,232,235)
```
#dbeef0
```
#dbeef0 rgb(219,238,240)
```
#e9f5f6
```
#e9f5f6 rgb(233,245,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505555 is the less saturated color, while #0494a1 is the most saturated one.

#505555
```
#505555 rgb(80,85,85)
```
#495a5c
```
#495a5c rgb(73,90,92)
```
#435f62
```
#435f62 rgb(67,95,98)
```
#3d6568
```
#3d6568 rgb(61,101,104)
```
#366a6f
```
#366a6f rgb(54,106,111)
```
#306f75
```
#306f75 rgb(48,111,117)
```
#2a747b
```
#2a747b rgb(42,116,123)
```
#237982
```
#237982 rgb(35,121,130)
```
#1d7f88
```
#1d7f88 rgb(29,127,136)
```
#17848e
```
#17848e rgb(23,132,142)
```
#108995
```
#108995 rgb(16,137,149)
```
#0a8e9b
```
#0a8e9b rgb(10,142,155)
```
#0494a1
```
#0494a1 rgb(4,148,161)
```

Tone Color Variation

Below, you can see how #306f75 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
#546162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6d76 Protanopia 1% of men
#6e6b80 Deuteranopia 1% of men
#3c767e Tritanopia 0.001% of the population

Trichromacy

#566d76 Protanomaly 1% of men, 0.01% of women
#576c7c Deuteranomaly 6% of men, 0.4% of women
#37737b Tritanomaly 0.01% of the population

#306f75 hex color

#306f75 Color Information

#306f75 Color Conversion

Color Schemes with #306f75

Alternatives to #306f75

#306f75 Preview

Shades and Tints of #306f75

Tones of #306f75

Color Blindness Simulator