#277b85 hex color

In a RGB color space, hex #277b85 is composed of 15.3% red, 48.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 7.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 186.4 degrees, a saturation of 54.7% and a lightness of 33.7%. #277b85 color hex could be obtained by blending #4ef6ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 48
- B 52
RGB color chart
- C 71
- M 8
- Y 0
- K 48
CMYK color chart

● #277b85 color description : Dark cyan.

The hexadecimal color #277b85 has RGB values of R:39, G:123, B:133 and CMYK values of C:0.71, M:0.08, Y:0, K:0.48. Its decimal value is 2587525.

Hex triplet	277b85	`#277b85`
RGB Decimal	39, 123, 133	`rgb(39,123,133)`
RGB Percent	15.3, 48.2, 52.2	`rgb(15.3%,48.2%,52.2%)`
CMYK	71, 8, 0, 48
HSL	186.4°, 54.7, 33.7	`hsl(186.4,54.7%,33.7%)`
HSV (or HSB)	186.4°, 70.7, 52.2
Web Safe	336699	`#336699`

CIE-LAB	47.352, -21.182, -12.736
XYZ	12.152, 16.29, 24.693
xyY	0.229, 0.307, 16.29
CIE-LCH	47.352, 24.716, 211.018
CIE-LUV	47.352, -31.27, -15.295
Hunter-Lab	40.36, -16.886, -8.022
Binary	00100111, 01111011, 10000101

#277b85
```
#277b85 rgb(39,123,133)
```
#853127
```
#853127 rgb(133,49,39)
```

Complementary Color

#278560
```
#278560 rgb(39,133,96)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#274c85
```
#274c85 rgb(39,76,133)
```

Analogous Color

#856027
```
#856027 rgb(133,96,39)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#85274c
```
#85274c rgb(133,39,76)
```

Split Complementary Color

#7b8527
```
#7b8527 rgb(123,133,39)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#85277b
```
#85277b rgb(133,39,123)
```

Triadic Color

#278531
```
#278531 rgb(39,133,49)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#85277b
```
#85277b rgb(133,39,123)
```
#853127
```
#853127 rgb(133,49,39)
```

Tetradic Color

#16444a
```
#16444a rgb(22,68,74)
```
#1b575e
```
#1b575e rgb(27,87,94)
```
#216971
```
#216971 rgb(33,105,113)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#2d8d99
```
#2d8d99 rgb(45,141,153)
```
#339fac
```
#339fac rgb(51,159,172)
```
#38b2c0
```
#38b2c0 rgb(56,178,192)
```

Monochromatic Color

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

#278578
```
#278578 rgb(39,133,120)
```
#27857f
```
#27857f rgb(39,133,127)
```
#278385
```
#278385 rgb(39,131,133)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#277385
```
#277385 rgb(39,115,133)
```
#276b85
```
#276b85 rgb(39,107,133)
```
#276485
```
#276485 rgb(39,100,133)
```

Similar Colors

Text with hexadecimal color #277b85

This text has a font color of #277b85.

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

#277b85 background color

This paragraph has a background color of #277b85.

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

#277b85 border color

This element has a border color of #277b85.

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

CSS codes

.text {color:#277b85;}

.background {background-color:#277b85;}

.border {border:1px solid #277b85;}

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, #030b0c is the darkest color, while #fbfefe is the lightest one.

#030b0c
```
#030b0c rgb(3,11,12)
```
#08191b
```
#08191b rgb(8,25,27)
```
#0c272a
```
#0c272a rgb(12,39,42)
```
#113539
```
#113539 rgb(17,53,57)
```
#154348
```
#154348 rgb(21,67,72)
```
#1a5157
```
#1a5157 rgb(26,81,87)
```
#1e5f67
```
#1e5f67 rgb(30,95,103)
```
#236d76
```
#236d76 rgb(35,109,118)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#2b8994
```
#2b8994 rgb(43,137,148)
```
#3097a3
```
#3097a3 rgb(48,151,163)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#39b3c2
```
#39b3c2 rgb(57,179,194)
```

Shade Color Variation

#45bbc9
```
#45bbc9 rgb(69,187,201)
```
#55c0cd
```
#55c0cd rgb(85,192,205)
```
#64c6d1
```
#64c6d1 rgb(100,198,209)
```
#73cbd6
```
#73cbd6 rgb(115,203,214)
```
#82d1da
```
#82d1da rgb(130,209,218)
```
#91d7df
```
#91d7df rgb(145,215,223)
```
#a0dce3
```
#a0dce3 rgb(160,220,227)
```
#b0e2e8
```
#b0e2e8 rgb(176,226,232)
```
#bfe7ec
```
#bfe7ec rgb(191,231,236)
```
#ceedf1
```
#ceedf1 rgb(206,237,241)
```
#ddf3f5
```
#ddf3f5 rgb(221,243,245)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#555757
```
#555757 rgb(85,87,87)
```
#4f5c5d
```
#4f5c5d rgb(79,92,93)
```
#486164
```
#486164 rgb(72,97,100)
```
#41666b
```
#41666b rgb(65,102,107)
```
#3b6b71
```
#3b6b71 rgb(59,107,113)
```
#347178
```
#347178 rgb(52,113,120)
```
#2e767e
```
#2e767e rgb(46,118,126)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#20808c
```
#20808c rgb(32,128,140)
```
#1a8592
```
#1a8592 rgb(26,133,146)
```
#138b99
```
#138b99 rgb(19,139,153)
```
#0d909f
```
#0d909f rgb(13,144,159)
```
#0695a6
```
#0695a6 rgb(6,149,166)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#57686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#757684 Protanopia 1% of men
#757590 Deuteranopia 1% of men
#32818b Tritanopia 0.001% of the population

Trichromacy

#597884 Protanomaly 1% of men, 0.01% of women
#59778c Deuteranomaly 6% of men, 0.4% of women
#2e7f89 Tritanomaly 0.01% of the population

#277b85 hex color

#277b85 Color Information

#277b85 Color Conversion

Color Schemes with #277b85

Alternatives to #277b85

#277b85 Preview

Shades and Tints of #277b85

Tones of #277b85

Color Blindness Simulator