colorhexa.com

#308277 hex color

In a RGB color space, hex #308277 is composed of 18.8% red, 51% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 8.5% yellow and 49% black. It has a hue angle of 172 degrees, a saturation of 46.1% and a lightness of 34.9%. #308277 color hex could be obtained by blending #60ffee with #000500. Closest websafe color is: #339966.

- R 19
- G 51
- B 47
RGB color chart
- C 63
- M 0
- Y 8
- K 49
CMYK color chart

● #308277 color description : Dark moderate cyan.

The hexadecimal color #308277 has RGB values of R:48, G:130, B:119 and CMYK values of C:0.63, M:0, Y:0.08, K:0.49. Its decimal value is 3179127.

Hex triplet	308277	`#308277`
RGB Decimal	48, 130, 119	`rgb(48,130,119)`
RGB Percent	18.8, 51, 46.7	`rgb(18.8%,51%,46.7%)`
CMYK	63, 0, 8, 49
HSL	172°, 46.1, 34.9	`hsl(172,46.1%,34.9%)`
HSV (or HSB)	172°, 63.1, 51
Web Safe	339966	`#339966`

CIE-LAB	49.404, -27.441, -1.397
XYZ	12.53, 17.925, 20.251
xyY	0.247, 0.353, 17.925
CIE-LCH	49.404, 27.477, 182.915
CIE-LUV	49.404, -32.981, 2.025
Hunter-Lab	42.337, -21.261, 1.276
Binary	00110000, 10000010, 01110111

#308277
```
#308277 rgb(48,130,119)
```
#82303b
```
#82303b rgb(130,48,59)
```

Complementary Color

#30824e
```
#30824e rgb(48,130,78)
```
#308277
```
#308277 rgb(48,130,119)
```
#306482
```
#306482 rgb(48,100,130)
```

Analogous Color

#824e30
```
#824e30 rgb(130,78,48)
```
#308277
```
#308277 rgb(48,130,119)
```
#823064
```
#823064 rgb(130,48,100)
```

Split Complementary Color

#827730
```
#827730 rgb(130,119,48)
```
#308277
```
#308277 rgb(48,130,119)
```
#773082
```
#773082 rgb(119,48,130)
```

Triadic Color

#3b8230
```
#3b8230 rgb(59,130,48)
```
#308277
```
#308277 rgb(48,130,119)
```
#773082
```
#773082 rgb(119,48,130)
```
#82303b
```
#82303b rgb(130,48,59)
```

Tetradic Color

#1b4a44
```
#1b4a44 rgb(27,74,68)
```
#225d55
```
#225d55 rgb(34,93,85)
```
#296f66
```
#296f66 rgb(41,111,102)
```
#308277
```
#308277 rgb(48,130,119)
```
#379588
```
#379588 rgb(55,149,136)
```
#3ea799
```
#3ea799 rgb(62,167,153)
```
#45baaa
```
#45baaa rgb(69,186,170)
```

Monochromatic Color

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

#308263
```
#308263 rgb(48,130,99)
```
#308269
```
#308269 rgb(48,130,105)
```
#308270
```
#308270 rgb(48,130,112)
```
#308277
```
#308277 rgb(48,130,119)
```
#30827e
```
#30827e rgb(48,130,126)
```
#307f82
```
#307f82 rgb(48,127,130)
```
#307982
```
#307982 rgb(48,121,130)
```

Similar Colors

Text with hexadecimal color #308277

This text has a font color of #308277.

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

#308277 background color

This paragraph has a background color of #308277.

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

#308277 border color

This element has a border color of #308277.

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

CSS codes

.text {color:#308277;}

.background {background-color:#308277;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0e
```
#060f0e rgb(6,15,14)
```
#0b1e1b
```
#0b1e1b rgb(11,30,27)
```
#102c28
```
#102c28 rgb(16,44,40)
```
#163a35
```
#163a35 rgb(22,58,53)
```
#1b4943
```
#1b4943 rgb(27,73,67)
```
#205750
```
#205750 rgb(32,87,80)
```
#25655d
```
#25655d rgb(37,101,93)
```
#2b746a
```
#2b746a rgb(43,116,106)
```
#308277
```
#308277 rgb(48,130,119)
```
#359084
```
#359084 rgb(53,144,132)
```
#3b9f91
```
#3b9f91 rgb(59,159,145)
```
#40ad9e
```
#40ad9e rgb(64,173,158)
```

Shade Color Variation

#46bbab
```
#46bbab rgb(70,187,171)
```
#54c0b1
```
#54c0b1 rgb(84,192,177)
```
#62c5b8
```
#62c5b8 rgb(98,197,184)
```
#71cabe
```
#71cabe rgb(113,202,190)
```
#7fd0c5
```
#7fd0c5 rgb(127,208,197)
```
#8dd5cb
```
#8dd5cb rgb(141,213,203)
```
#9cdad2
```
#9cdad2 rgb(156,218,210)
```
#aae0d8
```
#aae0d8 rgb(170,224,216)
```
#b8e5df
```
#b8e5df rgb(184,229,223)
```
#c7eae5
```
#c7eae5 rgb(199,234,229)
```
#d5f0ec
```
#d5f0ec rgb(213,240,236)
```
#e3f5f2
```
#e3f5f2 rgb(227,245,242)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52605e is the less saturated color, while #00b29a is the most saturated one.

#52605e
```
#52605e rgb(82,96,94)
```
#4b6763
```
#4b6763 rgb(75,103,99)
```
#456d68
```
#456d68 rgb(69,109,104)
```
#3e746d
```
#3e746d rgb(62,116,109)
```
#377b72
```
#377b72 rgb(55,123,114)
```
#308277
```
#308277 rgb(48,130,119)
```
#29897c
```
#29897c rgb(41,137,124)
```
#229081
```
#229081 rgb(34,144,129)
```
#1b9786
```
#1b9786 rgb(27,151,134)
```
#159d8b
```
#159d8b rgb(21,157,139)
```
#0ea490
```
#0ea490 rgb(14,164,144)
```
#07ab95
```
#07ab95 rgb(7,171,149)
```
#00b29a
```
#00b29a rgb(0,178,154)
```

Tone Color Variation

Below, you can see how #308277 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
#5d6d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7c77 Protanopia 1% of men
#847983 Deuteranopia 1% of men
#43858f Tritanopia 0.001% of the population

Trichromacy

#627e77 Protanomaly 1% of men, 0.01% of women
#657c7e Deuteranomaly 6% of men, 0.4% of women
#3c8486 Tritanomaly 0.01% of the population