#228274 hex color

In a RGB color space, hex #228274 is composed of 13.3% red, 51% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 10.8% yellow and 49% black. It has a hue angle of 171.3 degrees, a saturation of 58.5% and a lightness of 32.2%. #228274 color hex could be obtained by blending #44ffe8 with #000500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 51
- B 45
RGB color chart
- C 74
- M 0
- Y 11
- K 49
CMYK color chart

● #228274 color description : Dark cyan.

The hexadecimal color #228274 has RGB values of R:34, G:130, B:116 and CMYK values of C:0.74, M:0, Y:0.11, K:0.49. Its decimal value is 2261620.

Hex triplet	228274	`#228274`
RGB Decimal	34, 130, 116	`rgb(34,130,116)`
RGB Percent	13.3, 51, 45.5	`rgb(13.3%,51%,45.5%)`
CMYK	74, 0, 11, 49
HSL	171.3°, 58.5, 32.2	`hsl(171.3,58.5%,32.2%)`
HSV (or HSB)	171.3°, 73.8, 51
Web Safe	339966	`#339966`

CIE-LAB	48.964, -30.632, -0.322
XYZ	11.794, 17.565, 19.291
xyY	0.242, 0.361, 17.565
CIE-LCH	48.964, 30.634, 180.602
CIE-LUV	48.964, -35.796, 3.942
Hunter-Lab	41.911, -23.114, 2.047
Binary	00100010, 10000010, 01110100

#228274
```
#228274 rgb(34,130,116)
```
#822230
```
#822230 rgb(130,34,48)
```

Complementary Color

#228244
```
#228244 rgb(34,130,68)
```
#228274
```
#228274 rgb(34,130,116)
```
#226082
```
#226082 rgb(34,96,130)
```

Analogous Color

#824422
```
#824422 rgb(130,68,34)
```
#228274
```
#228274 rgb(34,130,116)
```
#822260
```
#822260 rgb(130,34,96)
```

Split Complementary Color

#827422
```
#827422 rgb(130,116,34)
```
#228274
```
#228274 rgb(34,130,116)
```
#742282
```
#742282 rgb(116,34,130)
```

Triadic Color

#308222
```
#308222 rgb(48,130,34)
```
#228274
```
#228274 rgb(34,130,116)
```
#742282
```
#742282 rgb(116,34,130)
```
#822230
```
#822230 rgb(130,34,48)
```

Tetradic Color

#12453e
```
#12453e rgb(18,69,62)
```
#175a50
```
#175a50 rgb(23,90,80)
```
#1d6e62
```
#1d6e62 rgb(29,110,98)
```
#228274
```
#228274 rgb(34,130,116)
```
#279686
```
#279686 rgb(39,150,134)
```
#2daa98
```
#2daa98 rgb(45,170,152)
```
#32bfaa
```
#32bfaa rgb(50,191,170)
```

Monochromatic Color

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

#22825c
```
#22825c rgb(34,130,92)
```
#228264
```
#228264 rgb(34,130,100)
```
#22826c
```
#22826c rgb(34,130,108)
```
#228274
```
#228274 rgb(34,130,116)
```
#22827c
```
#22827c rgb(34,130,124)
```
#228082
```
#228082 rgb(34,128,130)
```
#227882
```
#227882 rgb(34,120,130)
```

Similar Colors

Text with hexadecimal color #228274

This text has a font color of #228274.

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

#228274 background color

This paragraph has a background color of #228274.

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

#228274 border color

This element has a border color of #228274.

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

CSS codes

.text {color:#228274;}

.background {background-color:#228274;}

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

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

#010605
```
#010605 rgb(1,6,5)
```
#061513
```
#061513 rgb(6,21,19)
```
#0a2521
```
#0a2521 rgb(10,37,33)
```
#0e342f
```
#0e342f rgb(14,52,47)
```
#12443d
```
#12443d rgb(18,68,61)
```
#16534a
```
#16534a rgb(22,83,74)
```
#1a6358
```
#1a6358 rgb(26,99,88)
```
#1e7266
```
#1e7266 rgb(30,114,102)
```
#228274
```
#228274 rgb(34,130,116)
```
#269282
```
#269282 rgb(38,146,130)
```
#2aa190
```
#2aa190 rgb(42,161,144)
```
#2eb19e
```
#2eb19e rgb(46,177,158)
```
#32c0ab
```
#32c0ab rgb(50,192,171)
```

Shade Color Variation

#3accb6
```
#3accb6 rgb(58,204,182)
```
#4ad0bc
```
#4ad0bc rgb(74,208,188)
```
#5ad4c2
```
#5ad4c2 rgb(90,212,194)
```
#69d8c8
```
#69d8c8 rgb(105,216,200)
```
#79dccd
```
#79dccd rgb(121,220,205)
```
#88e0d3
```
#88e0d3 rgb(136,224,211)
```
#98e4d9
```
#98e4d9 rgb(152,228,217)
```
#a7e8df
```
#a7e8df rgb(167,232,223)
```
#b7ece4
```
#b7ece4 rgb(183,236,228)
```
#c6f0ea
```
#c6f0ea rgb(198,240,234)
```
#d6f4f0
```
#d6f4f0 rgb(214,244,240)
```
#e6f8f6
```
#e6f8f6 rgb(230,248,246)
```
#f5fcfb
```
#f5fcfb rgb(245,252,251)
```

Tint Color Variation

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

#4e5655
```
#4e5655 rgb(78,86,85)
```
#485c59
```
#485c59 rgb(72,92,89)
```
#42625e
```
#42625e rgb(66,98,94)
```
#3b6962
```
#3b6962 rgb(59,105,98)
```
#356f67
```
#356f67 rgb(53,111,103)
```
#2f756b
```
#2f756b rgb(47,117,107)
```
#287c70
```
#287c70 rgb(40,124,112)
```
#228274
```
#228274 rgb(34,130,116)
```
#1c8878
```
#1c8878 rgb(28,136,120)
```
#158f7d
```
#158f7d rgb(21,143,125)
```
#0f9581
```
#0f9581 rgb(15,149,129)
```
#099b86
```
#099b86 rgb(9,155,134)
```
#02a28a
```
#02a28a rgb(2,162,138)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#576a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b74 Protanopia 1% of men
#847881 Deuteranopia 1% of men
#3a858f Tritanopia 0.001% of the population

Trichromacy

#5d7d74 Protanomaly 1% of men, 0.01% of women
#607b7c Deuteranomaly 6% of men, 0.4% of women
#318485 Tritanomaly 0.01% of the population

#228274 hex color

#228274 Color Information

#228274 Color Conversion

Color Schemes with #228274

Alternatives to #228274

#228274 Preview

Shades and Tints of #228274

Tones of #228274

Color Blindness Simulator