colorhexa.com

#228478 hex color

In a RGB color space, hex #228478 is composed of 13.3% red, 51.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 9.1% yellow and 48.2% black. It has a hue angle of 172.7 degrees, a saturation of 59% and a lightness of 32.5%. #228478 color hex could be obtained by blending #44fff0 with #000900. Closest websafe color is: #339966.

- R 13
- G 52
- B 47
RGB color chart
- C 74
- M 0
- Y 9
- K 48
CMYK color chart

● #228478 color description : Dark cyan.

The hexadecimal color #228478 has RGB values of R:34, G:132, B:120 and CMYK values of C:0.74, M:0, Y:0.09, K:0.48. Its decimal value is 2262136.

Hex triplet	228478	`#228478`
RGB Decimal	34, 132, 120	`rgb(34,132,120)`
RGB Percent	13.3, 51.8, 47.1	`rgb(13.3%,51.8%,47.1%)`
CMYK	74, 0, 9, 48
HSL	172.7°, 59, 32.5	`hsl(172.7,59%,32.5%)`
HSV (or HSB)	172.7°, 74.2, 51.8
Web Safe	339966	`#339966`

CIE-LAB	49.735, -30.434, -1.54
XYZ	12.3, 18.198, 20.632
xyY	0.241, 0.356, 18.198
CIE-LCH	49.735, 30.473, 182.896
CIE-LUV	49.735, -36.284, 2.216
Hunter-Lab	42.659, -23.185, 1.184
Binary	00100010, 10000100, 01111000

#228478
```
#228478 rgb(34,132,120)
```
#84222e
```
#84222e rgb(132,34,46)
```

Complementary Color

#228447
```
#228447 rgb(34,132,71)
```
#228478
```
#228478 rgb(34,132,120)
```
#225f84
```
#225f84 rgb(34,95,132)
```

Analogous Color

#844722
```
#844722 rgb(132,71,34)
```
#228478
```
#228478 rgb(34,132,120)
```
#84225f
```
#84225f rgb(132,34,95)
```

Split Complementary Color

#847822
```
#847822 rgb(132,120,34)
```
#228478
```
#228478 rgb(34,132,120)
```
#782284
```
#782284 rgb(120,34,132)
```

Triadic Color

#2e8422
```
#2e8422 rgb(46,132,34)
```
#228478
```
#228478 rgb(34,132,120)
```
#782284
```
#782284 rgb(120,34,132)
```
#84222e
```
#84222e rgb(132,34,46)
```

Tetradic Color

#124741
```
#124741 rgb(18,71,65)
```
#185b53
```
#185b53 rgb(24,91,83)
```
#1d7066
```
#1d7066 rgb(29,112,102)
```
#228478
```
#228478 rgb(34,132,120)
```
#27988a
```
#27988a rgb(39,152,138)
```
#2cad9d
```
#2cad9d rgb(44,173,157)
```
#32c1af
```
#32c1af rgb(50,193,175)
```

Monochromatic Color

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

#228460
```
#228460 rgb(34,132,96)
```
#228468
```
#228468 rgb(34,132,104)
```
#228470
```
#228470 rgb(34,132,112)
```
#228478
```
#228478 rgb(34,132,120)
```
#228480
```
#228480 rgb(34,132,128)
```
#228084
```
#228084 rgb(34,128,132)
```
#227884
```
#227884 rgb(34,120,132)
```

Similar Colors

Text with hexadecimal color #228478

This text has a font color of #228478.

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

#228478 background color

This paragraph has a background color of #228478.

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

#228478 border color

This element has a border color of #228478.

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

CSS codes

.text {color:#228478;}

.background {background-color:#228478;}

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061715
```
#061715 rgb(6,23,21)
```
#0a2623
```
#0a2623 rgb(10,38,35)
```
#0e3631
```
#0e3631 rgb(14,54,49)
```
#12463f
```
#12463f rgb(18,70,63)
```
#16554d
```
#16554d rgb(22,85,77)
```
#1a655c
```
#1a655c rgb(26,101,92)
```
#1e746a
```
#1e746a rgb(30,116,106)
```
#228478
```
#228478 rgb(34,132,120)
```
#269486
```
#269486 rgb(38,148,134)
```
#2aa394
```
#2aa394 rgb(42,163,148)
```
#2eb3a3
```
#2eb3a3 rgb(46,179,163)
```
#32c2b1
```
#32c2b1 rgb(50,194,177)
```

Shade Color Variation

#3bcdbb
```
#3bcdbb rgb(59,205,187)
```
#4bd1c0
```
#4bd1c0 rgb(75,209,192)
```
#5bd5c6
```
#5bd5c6 rgb(91,213,198)
```
#6ad9cb
```
#6ad9cb rgb(106,217,203)
```
#7addd1
```
#7addd1 rgb(122,221,209)
```
#89e1d6
```
#89e1d6 rgb(137,225,214)
```
#99e5db
```
#99e5db rgb(153,229,219)
```
#a9e9e1
```
#a9e9e1 rgb(169,233,225)
```
#b8ede6
```
#b8ede6 rgb(184,237,230)
```
#c8f1ec
```
#c8f1ec rgb(200,241,236)
```
#d7f5f1
```
#d7f5f1 rgb(215,245,241)
```
#e7f9f7
```
#e7f9f7 rgb(231,249,247)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#4f5756
```
#4f5756 rgb(79,87,86)
```
#485e5b
```
#485e5b rgb(72,94,91)
```
#426460
```
#426460 rgb(66,100,96)
```
#3c6a65
```
#3c6a65 rgb(60,106,101)
```
#35716a
```
#35716a rgb(53,113,106)
```
#2f776e
```
#2f776e rgb(47,119,110)
```
#287e73
```
#287e73 rgb(40,126,115)
```
#228478
```
#228478 rgb(34,132,120)
```
#1c8a7d
```
#1c8a7d rgb(28,138,125)
```
#159182
```
#159182 rgb(21,145,130)
```
#0f9786
```
#0f9786 rgb(15,151,134)
```
#089e8b
```
#089e8b rgb(8,158,139)
```
#02a490
```
#02a490 rgb(2,164,144)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#586b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807c77 Protanopia 1% of men
#857a84 Deuteranopia 1% of men
#3a8791 Tritanopia 0.001% of the population

Trichromacy

#5e7f77 Protanomaly 1% of men, 0.01% of women
#617d80 Deuteranomaly 6% of men, 0.4% of women
#318688 Tritanomaly 0.01% of the population