#307f84 hex color

In a RGB color space, hex #307f84 is composed of 18.8% red, 49.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 3.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 183.6 degrees, a saturation of 46.7% and a lightness of 35.3%. #307f84 color hex could be obtained by blending #60feff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 50
- B 52
RGB color chart
- C 64
- M 4
- Y 0
- K 48
CMYK color chart

● #307f84 color description : Dark moderate cyan.

The hexadecimal color #307f84 has RGB values of R:48, G:127, B:132 and CMYK values of C:0.64, M:0.04, Y:0, K:0.48. Its decimal value is 3178372.

Hex triplet	307f84	`#307f84`
RGB Decimal	48, 127, 132	`rgb(48,127,132)`
RGB Percent	18.8, 49.8, 51.8	`rgb(18.8%,49.8%,51.8%)`
CMYK	64, 4, 0, 48
HSL	183.6°, 46.7, 35.3	`hsl(183.6,46.7%,35.3%)`
HSV (or HSB)	183.6°, 63.6, 51.8
Web Safe	336699	`#336699`

CIE-LAB	48.849, -22.093, -9.866
XYZ	12.972, 17.472, 24.517
xyY	0.236, 0.318, 17.472
CIE-LCH	48.849, 24.196, 204.063
CIE-LUV	48.849, -31.114, -10.959
Hunter-Lab	41.8, -17.754, -5.517
Binary	00110000, 01111111, 10000100

#307f84
```
#307f84 rgb(48,127,132)
```
#843530
```
#843530 rgb(132,53,48)
```

Complementary Color

#30845f
```
#30845f rgb(48,132,95)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#305584
```
#305584 rgb(48,85,132)
```

Analogous Color

#845f30
```
#845f30 rgb(132,95,48)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#843055
```
#843055 rgb(132,48,85)
```

Split Complementary Color

#7f8430
```
#7f8430 rgb(127,132,48)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#84307f
```
#84307f rgb(132,48,127)
```

Triadic Color

#308435
```
#308435 rgb(48,132,53)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#84307f
```
#84307f rgb(132,48,127)
```
#843530
```
#843530 rgb(132,53,48)
```

Tetradic Color

#1c494c
```
#1c494c rgb(28,73,76)
```
#225b5f
```
#225b5f rgb(34,91,95)
```
#296d71
```
#296d71 rgb(41,109,113)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#379197
```
#379197 rgb(55,145,151)
```
#3ea3a9
```
#3ea3a9 rgb(62,163,169)
```
#45b4bb
```
#45b4bb rgb(69,180,187)
```

Monochromatic Color

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

#308474
```
#308474 rgb(48,132,116)
```
#30847b
```
#30847b rgb(48,132,123)
```
#308482
```
#308482 rgb(48,132,130)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#307884
```
#307884 rgb(48,120,132)
```
#307184
```
#307184 rgb(48,113,132)
```
#306a84
```
#306a84 rgb(48,106,132)
```

Similar Colors

Text with hexadecimal color #307f84

This text has a font color of #307f84.

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

#307f84 background color

This paragraph has a background color of #307f84.

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

#307f84 border color

This element has a border color of #307f84.

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

CSS codes

.text {color:#307f84;}

.background {background-color:#307f84;}

.border {border:1px solid #307f84;}

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

#010203
```
#010203 rgb(1,2,3)
```
#061011
```
#061011 rgb(6,16,17)
```
#0b1e1f
```
#0b1e1f rgb(11,30,31)
```
#112c2e
```
#112c2e rgb(17,44,46)
```
#163a3c
```
#163a3c rgb(22,58,60)
```
#1b484a
```
#1b484a rgb(27,72,74)
```
#205559
```
#205559 rgb(32,85,89)
```
#266367
```
#266367 rgb(38,99,103)
```
#2b7176
```
#2b7176 rgb(43,113,118)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#358d92
```
#358d92 rgb(53,141,146)
```
#3a9ba1
```
#3a9ba1 rgb(58,155,161)
```
#40a9af
```
#40a9af rgb(64,169,175)
```

Shade Color Variation

#47b5bc
```
#47b5bc rgb(71,181,188)
```
#55bbc1
```
#55bbc1 rgb(85,187,193)
```
#63c0c6
```
#63c0c6 rgb(99,192,198)
```
#72c6cc
```
#72c6cc rgb(114,198,204)
```
#80ccd1
```
#80ccd1 rgb(128,204,209)
```
#8ed2d6
```
#8ed2d6 rgb(142,210,214)
```
#9dd8db
```
#9dd8db rgb(157,216,219)
```
#abdde1
```
#abdde1 rgb(171,221,225)
```
#bae3e6
```
#bae3e6 rgb(186,227,230)
```
#c8e9eb
```
#c8e9eb rgb(200,233,235)
```
#d6eff0
```
#d6eff0 rgb(214,239,240)
```
#e5f4f5
```
#e5f4f5 rgb(229,244,245)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#5a5a5a
```
#5a5a5a rgb(90,90,90)
```
#536161
```
#536161 rgb(83,97,97)
```
#4c6768
```
#4c6768 rgb(76,103,104)
```
#456d6f
```
#456d6f rgb(69,109,111)
```
#3e7376
```
#3e7376 rgb(62,115,118)
```
#37797d
```
#37797d rgb(55,121,125)
```
#307f84
```
#307f84 rgb(48,127,132)
```
#29858b
```
#29858b rgb(41,133,139)
```
#228b92
```
#228b92 rgb(34,139,146)
```
#1b9199
```
#1b9199 rgb(27,145,153)
```
#1497a0
```
#1497a0 rgb(20,151,160)
```
#0d9da7
```
#0d9da7 rgb(13,157,167)
```
#06a4ae
```
#06a4ae rgb(6,164,174)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d6d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7a83 Protanopia 1% of men
#7c788f Deuteranopia 1% of men
#3d848e Tritanopia 0.001% of the population

Trichromacy

#5f7c83 Protanomaly 1% of men, 0.01% of women
#607a8b Deuteranomaly 6% of men, 0.4% of women
#38828a Tritanomaly 0.01% of the population

#307f84 hex color

#307f84 Color Information

#307f84 Color Conversion

Color Schemes with #307f84

Alternatives to #307f84

#307f84 Preview

Shades and Tints of #307f84

Tones of #307f84

Color Blindness Simulator