#307275 hex color

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

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

● #307275 color description : Dark moderate cyan.

The hexadecimal color #307275 has RGB values of R:48, G:114, B:117 and CMYK values of C:0.59, M:0.03, Y:0, K:0.54. Its decimal value is 3175029.

Hex triplet	307275	`#307275`
RGB Decimal	48, 114, 117	`rgb(48,114,117)`
RGB Percent	18.8, 44.7, 45.9	`rgb(18.8%,44.7%,45.9%)`
CMYK	59, 3, 0, 54
HSL	182.6°, 41.8, 32.4	`hsl(182.6,41.8%,32.4%)`
HSV (or HSB)	182.6°, 59, 45.9
Web Safe	336666	`#336666`

CIE-LAB	44.156, -19.791, -7.986
XYZ	10.446, 13.947, 18.97
xyY	0.241, 0.322, 13.947
CIE-LCH	44.156, 21.342, 201.974
CIE-LUV	44.156, -26.836, -8.306
Hunter-Lab	37.345, -15.424, -3.976
Binary	00110000, 01110010, 01110101

#307275
```
#307275 rgb(48,114,117)
```
#753330
```
#753330 rgb(117,51,48)
```

Complementary Color

#307555
```
#307555 rgb(48,117,85)
```
#307275
```
#307275 rgb(48,114,117)
```
#305075
```
#305075 rgb(48,80,117)
```

Analogous Color

#755530
```
#755530 rgb(117,85,48)
```
#307275
```
#307275 rgb(48,114,117)
```
#753050
```
#753050 rgb(117,48,80)
```

Split Complementary Color

#727530
```
#727530 rgb(114,117,48)
```
#307275
```
#307275 rgb(48,114,117)
```
#753072
```
#753072 rgb(117,48,114)
```

Triadic Color

#307533
```
#307533 rgb(48,117,51)
```
#307275
```
#307275 rgb(48,114,117)
```
#753072
```
#753072 rgb(117,48,114)
```
#753330
```
#753330 rgb(117,51,48)
```

Tetradic Color

#1a3d3f
```
#1a3d3f rgb(26,61,63)
```
#214f51
```
#214f51 rgb(33,79,81)
```
#296063
```
#296063 rgb(41,96,99)
```
#307275
```
#307275 rgb(48,114,117)
```
#378487
```
#378487 rgb(55,132,135)
```
#3f9599
```
#3f9599 rgb(63,149,153)
```
#46a7ab
```
#46a7ab rgb(70,167,171)
```

Monochromatic Color

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

#307567
```
#307567 rgb(48,117,103)
```
#30756d
```
#30756d rgb(48,117,109)
```
#307572
```
#307572 rgb(48,117,114)
```
#307275
```
#307275 rgb(48,114,117)
```
#306c75
```
#306c75 rgb(48,108,117)
```
#306775
```
#306775 rgb(48,103,117)
```
#306175
```
#306175 rgb(48,97,117)
```

Similar Colors

Text with hexadecimal color #307275

This text has a font color of #307275.

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

#307275 background color

This paragraph has a background color of #307275.

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

#307275 border color

This element has a border color of #307275.

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

CSS codes

.text {color:#307275;}

.background {background-color:#307275;}

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

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

#020606
```
#020606 rgb(2,6,6)
```
#081314
```
#081314 rgb(8,19,20)
```
#0e2122
```
#0e2122 rgb(14,33,34)
```
#132e2f
```
#132e2f rgb(19,46,47)
```
#193c3d
```
#193c3d rgb(25,60,61)
```
#1f494b
```
#1f494b rgb(31,73,75)
```
#255759
```
#255759 rgb(37,87,89)
```
#2a6467
```
#2a6467 rgb(42,100,103)
```
#307275
```
#307275 rgb(48,114,117)
```
#368083
```
#368083 rgb(54,128,131)
```
#3b8d91
```
#3b8d91 rgb(59,141,145)
```
#419b9f
```
#419b9f rgb(65,155,159)
```
#47a8ad
```
#47a8ad rgb(71,168,173)
```

Shade Color Variation

#50b3b7
```
#50b3b7 rgb(80,179,183)
```
#5eb9bd
```
#5eb9bd rgb(94,185,189)
```
#6cbfc3
```
#6cbfc3 rgb(108,191,195)
```
#7ac5c8
```
#7ac5c8 rgb(122,197,200)
```
#88cbce
```
#88cbce rgb(136,203,206)
```
#95d1d4
```
#95d1d4 rgb(149,209,212)
```
#a3d7d9
```
#a3d7d9 rgb(163,215,217)
```
#b1dddf
```
#b1dddf rgb(177,221,223)
```
#bfe3e5
```
#bfe3e5 rgb(191,227,229)
```
#cde9eb
```
#cde9eb rgb(205,233,235)
```
#dbeff0
```
#dbeff0 rgb(219,239,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 #049ba1 is the most saturated one.

#505555
```
#505555 rgb(80,85,85)
```
#495b5c
```
#495b5c rgb(73,91,92)
```
#436162
```
#436162 rgb(67,97,98)
```
#3d6668
```
#3d6668 rgb(61,102,104)
```
#366c6f
```
#366c6f rgb(54,108,111)
```
#307275
```
#307275 rgb(48,114,117)
```
#2a787b
```
#2a787b rgb(42,120,123)
```
#237e82
```
#237e82 rgb(35,126,130)
```
#1d8388
```
#1d8388 rgb(29,131,136)
```
#17898e
```
#17898e rgb(23,137,142)
```
#108f95
```
#108f95 rgb(16,143,149)
```
#0a959b
```
#0a959b rgb(10,149,155)
```
#049ba1
```
#049ba1 rgb(4,155,161)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#566363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706f76 Protanopia 1% of men
#726d80 Deuteranopia 1% of men
#3d7881 Tritanopia 0.001% of the population

Trichromacy

#587076 Protanomaly 1% of men, 0.01% of women
#5a6f7c Deuteranomaly 6% of men, 0.4% of women
#38767c Tritanomaly 0.01% of the population

#307275 hex color

#307275 Color Information

#307275 Color Conversion

Color Schemes with #307275

Alternatives to #307275

#307275 Preview

Shades and Tints of #307275

Tones of #307275

Color Blindness Simulator