#228378 hex color

In a RGB color space, hex #228378 is composed of 13.3% red, 51.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 0% magenta, 8.4% yellow and 48.6% black. It has a hue angle of 173.2 degrees, a saturation of 58.8% and a lightness of 32.4%. #228378 color hex could be obtained by blending #44fff0 with #000700. Closest websafe color is: #339966.

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

● #228378 color description : Dark cyan.

The hexadecimal color #228378 has RGB values of R:34, G:131, B:120 and CMYK values of C:0.74, M:0, Y:0.08, K:0.49. Its decimal value is 2261880.

Hex triplet	228378	`#228378`
RGB Decimal	34, 131, 120	`rgb(34,131,120)`
RGB Percent	13.3, 51.4, 47.1	`rgb(13.3%,51.4%,47.1%)`
CMYK	74, 0, 8, 49
HSL	173.2°, 58.8, 32.4	`hsl(173.2,58.8%,32.4%)`
HSV (or HSB)	173.2°, 74, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.408, -29.954, -2.019
XYZ	12.165, 17.928, 20.588
xyY	0.24, 0.354, 17.928
CIE-LCH	49.408, 30.022, 183.856
CIE-LUV	49.408, -35.91, 1.467
Hunter-Lab	42.341, -22.812, 0.81
Binary	00100010, 10000011, 01111000

#228378
```
#228378 rgb(34,131,120)
```
#83222d
```
#83222d rgb(131,34,45)
```

Complementary Color

#228348
```
#228348 rgb(34,131,72)
```
#228378
```
#228378 rgb(34,131,120)
```
#225e83
```
#225e83 rgb(34,94,131)
```

Analogous Color

#834822
```
#834822 rgb(131,72,34)
```
#228378
```
#228378 rgb(34,131,120)
```
#83225e
```
#83225e rgb(131,34,94)
```

Split Complementary Color

#837822
```
#837822 rgb(131,120,34)
```
#228378
```
#228378 rgb(34,131,120)
```
#782283
```
#782283 rgb(120,34,131)
```

Triadic Color

#2d8322
```
#2d8322 rgb(45,131,34)
```
#228378
```
#228378 rgb(34,131,120)
```
#782283
```
#782283 rgb(120,34,131)
```
#83222d
```
#83222d rgb(131,34,45)
```

Tetradic Color

#124640
```
#124640 rgb(18,70,64)
```
#175b53
```
#175b53 rgb(23,91,83)
```
#1d6f65
```
#1d6f65 rgb(29,111,101)
```
#228378
```
#228378 rgb(34,131,120)
```
#27978b
```
#27978b rgb(39,151,139)
```
#2dab9d
```
#2dab9d rgb(45,171,157)
```
#32c0b0
```
#32c0b0 rgb(50,192,176)
```

Monochromatic Color

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

#228360
```
#228360 rgb(34,131,96)
```
#228368
```
#228368 rgb(34,131,104)
```
#228370
```
#228370 rgb(34,131,112)
```
#228378
```
#228378 rgb(34,131,120)
```
#228380
```
#228380 rgb(34,131,128)
```
#227e83
```
#227e83 rgb(34,126,131)
```
#227683
```
#227683 rgb(34,118,131)
```

Similar Colors

Text with hexadecimal color #228378

This text has a font color of #228378.

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

#228378 background color

This paragraph has a background color of #228378.

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

#228378 border color

This element has a border color of #228378.

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

CSS codes

.text {color:#228378;}

.background {background-color:#228378;}

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

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

#020606
```
#020606 rgb(2,6,6)
```
#061614
```
#061614 rgb(6,22,20)
```
#0a2622
```
#0a2622 rgb(10,38,34)
```
#0e3531
```
#0e3531 rgb(14,53,49)
```
#12453f
```
#12453f rgb(18,69,63)
```
#16544d
```
#16544d rgb(22,84,77)
```
#1a645b
```
#1a645b rgb(26,100,91)
```
#1e736a
```
#1e736a rgb(30,115,106)
```
#228378
```
#228378 rgb(34,131,120)
```
#269386
```
#269386 rgb(38,147,134)
```
#2aa295
```
#2aa295 rgb(42,162,149)
```
#2eb2a3
```
#2eb2a3 rgb(46,178,163)
```
#32c1b1
```
#32c1b1 rgb(50,193,177)
```

Shade Color Variation

#3bccbc
```
#3bccbc rgb(59,204,188)
```
#4bd0c1
```
#4bd0c1 rgb(75,208,193)
```
#5ad4c6
```
#5ad4c6 rgb(90,212,198)
```
#6ad8cc
```
#6ad8cc rgb(106,216,204)
```
#79dcd1
```
#79dcd1 rgb(121,220,209)
```
#89e0d6
```
#89e0d6 rgb(137,224,214)
```
#98e4dc
```
#98e4dc rgb(152,228,220)
```
#a8e8e1
```
#a8e8e1 rgb(168,232,225)
```
#b8ece6
```
#b8ece6 rgb(184,236,230)
```
#c7f0ec
```
#c7f0ec rgb(199,240,236)
```
#d7f5f1
```
#d7f5f1 rgb(215,245,241)
```
#e6f9f7
```
#e6f9f7 rgb(230,249,247)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#4e5756
```
#4e5756 rgb(78,87,86)
```
#485d5b
```
#485d5b rgb(72,93,91)
```
#42635f
```
#42635f rgb(66,99,95)
```
#3b6a64
```
#3b6a64 rgb(59,106,100)
```
#357069
```
#357069 rgb(53,112,105)
```
#2f766e
```
#2f766e rgb(47,118,110)
```
#287d73
```
#287d73 rgb(40,125,115)
```
#228378
```
#228378 rgb(34,131,120)
```
#1c897d
```
#1c897d rgb(28,137,125)
```
#159082
```
#159082 rgb(21,144,130)
```
#0f9687
```
#0f9687 rgb(15,150,135)
```
#099c8c
```
#099c8c rgb(9,156,140)
```
#02a391
```
#02a391 rgb(2,163,145)
```

Tone Color Variation

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

#7f7c78 Protanopia 1% of men
#847984 Deuteranopia 1% of men
#398690 Tritanopia 0.001% of the population

Trichromacy

#5d7e78 Protanomaly 1% of men, 0.01% of women
#607c80 Deuteranomaly 6% of men, 0.4% of women
#308587 Tritanomaly 0.01% of the population

#228378 hex color

#228378 Color Information

#228378 Color Conversion

Color Schemes with #228378

Alternatives to #228378

#228378 Preview

Shades and Tints of #228378

Tones of #228378

Color Blindness Simulator