colorhexa.com

#228077 hex color

In a RGB color space, hex #228077 is composed of 13.3% red, 50.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 7% yellow and 49.8% black. It has a hue angle of 174.3 degrees, a saturation of 58% and a lightness of 31.8%. #228077 color hex could be obtained by blending #44ffee with #000100. Closest websafe color is: #339966.

- R 13
- G 50
- B 47
RGB color chart
- C 73
- M 0
- Y 7
- K 50
CMYK color chart

● #228077 color description : Dark cyan.

The hexadecimal color #228077 has RGB values of R:34, G:128, B:119 and CMYK values of C:0.73, M:0, Y:0.07, K:0.5. Its decimal value is 2261111.

Hex triplet	228077	`#228077`
RGB Decimal	34, 128, 119	`rgb(34,128,119)`
RGB Percent	13.3, 50.2, 46.7	`rgb(13.3%,50.2%,46.7%)`
CMYK	73, 0, 7, 50
HSL	174.3°, 58, 31.8	`hsl(174.3,58%,31.8%)`
HSV (or HSB)	174.3°, 73.4, 50.2
Web Safe	339966	`#339966`

CIE-LAB	48.397, -28.797, -2.919
XYZ	11.708, 17.109, 20.137
xyY	0.239, 0.349, 17.109
CIE-LCH	48.397, 28.944, 185.787
CIE-LUV	48.397, -34.852, 0.027
Hunter-Lab	41.363, -21.863, 0.09
Binary	00100010, 10000000, 01110111

#228077
```
#228077 rgb(34,128,119)
```
#80222b
```
#80222b rgb(128,34,43)
```

Complementary Color

#228048
```
#228048 rgb(34,128,72)
```
#228077
```
#228077 rgb(34,128,119)
```
#225a80
```
#225a80 rgb(34,90,128)
```

Analogous Color

#804822
```
#804822 rgb(128,72,34)
```
#228077
```
#228077 rgb(34,128,119)
```
#80225a
```
#80225a rgb(128,34,90)
```

Split Complementary Color

#807722
```
#807722 rgb(128,119,34)
```
#228077
```
#228077 rgb(34,128,119)
```
#772280
```
#772280 rgb(119,34,128)
```

Triadic Color

#2b8022
```
#2b8022 rgb(43,128,34)
```
#228077
```
#228077 rgb(34,128,119)
```
#772280
```
#772280 rgb(119,34,128)
```
#80222b
```
#80222b rgb(128,34,43)
```

Tetradic Color

#12443f
```
#12443f rgb(18,68,63)
```
#175852
```
#175852 rgb(23,88,82)
```
#1d6c64
```
#1d6c64 rgb(29,108,100)
```
#228077
```
#228077 rgb(34,128,119)
```
#27948a
```
#27948a rgb(39,148,138)
```
#2da89c
```
#2da89c rgb(45,168,156)
```
#32bcaf
```
#32bcaf rgb(50,188,175)
```

Monochromatic Color

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

#228060
```
#228060 rgb(34,128,96)
```
#228067
```
#228067 rgb(34,128,103)
```
#22806f
```
#22806f rgb(34,128,111)
```
#228077
```
#228077 rgb(34,128,119)
```
#22807f
```
#22807f rgb(34,128,127)
```
#227980
```
#227980 rgb(34,121,128)
```
#227280
```
#227280 rgb(34,114,128)
```

Similar Colors

Text with hexadecimal color #228077

This text has a font color of #228077.

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

#228077 background color

This paragraph has a background color of #228077.

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

#228077 border color

This element has a border color of #228077.

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

CSS codes

.text {color:#228077;}

.background {background-color:#228077;}

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051412
```
#051412 rgb(5,20,18)
```
#092321
```
#092321 rgb(9,35,33)
```
#0d332f
```
#0d332f rgb(13,51,47)
```
#12423d
```
#12423d rgb(18,66,61)
```
#16524c
```
#16524c rgb(22,82,76)
```
#1a615a
```
#1a615a rgb(26,97,90)
```
#1e7169
```
#1e7169 rgb(30,113,105)
```
#228077
```
#228077 rgb(34,128,119)
```
#268f85
```
#268f85 rgb(38,143,133)
```
#2a9f94
```
#2a9f94 rgb(42,159,148)
```
#2eaea2
```
#2eaea2 rgb(46,174,162)
```
#32beb1
```
#32beb1 rgb(50,190,177)
```

Shade Color Variation

#3acbbd
```
#3acbbd rgb(58,203,189)
```
#49cfc2
```
#49cfc2 rgb(73,207,194)
```
#59d3c7
```
#59d3c7 rgb(89,211,199)
```
#68d7cc
```
#68d7cc rgb(104,215,204)
```
#78dbd1
```
#78dbd1 rgb(120,219,209)
```
#87dfd7
```
#87dfd7 rgb(135,223,215)
```
#97e3dc
```
#97e3dc rgb(151,227,220)
```
#a6e7e1
```
#a6e7e1 rgb(166,231,225)
```
#b6ebe6
```
#b6ebe6 rgb(182,235,230)
```
#c5f0ec
```
#c5f0ec rgb(197,240,236)
```
#d5f4f1
```
#d5f4f1 rgb(213,244,241)
```
#e4f8f6
```
#e4f8f6 rgb(228,248,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5454 is the less saturated color, while #039f90 is the most saturated one.

#4e5454
```
#4e5454 rgb(78,84,84)
```
#475b59
```
#475b59 rgb(71,91,89)
```
#41615e
```
#41615e rgb(65,97,94)
```
#3b6763
```
#3b6763 rgb(59,103,99)
```
#356d68
```
#356d68 rgb(53,109,104)
```
#2e746d
```
#2e746d rgb(46,116,109)
```
#287a72
```
#287a72 rgb(40,122,114)
```
#228077
```
#228077 rgb(34,128,119)
```
#1c867c
```
#1c867c rgb(28,134,124)
```
#168c81
```
#168c81 rgb(22,140,129)
```
#0f9386
```
#0f9386 rgb(15,147,134)
```
#09998b
```
#09998b rgb(9,153,139)
```
#039f90
```
#039f90 rgb(3,159,144)
```

Tone Color Variation

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

Dichromacy

#7c7977 Protanopia 1% of men
#807783 Deuteranopia 1% of men
#38848d Tritanopia 0.001% of the population

Trichromacy

#5b7b77 Protanomaly 1% of men, 0.01% of women
#5e7a7f Deuteranomaly 6% of men, 0.4% of women
#308285 Tritanomaly 0.01% of the population