#228483 hex color

In a RGB color space, hex #228483 is composed of 13.3% red, 51.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 0.8% yellow and 48.2% black. It has a hue angle of 179.4 degrees, a saturation of 59% and a lightness of 32.5%. #228483 color hex could be obtained by blending #44ffff with #000907. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 52
- B 51
RGB color chart
- C 74
- M 0
- Y 1
- K 48
CMYK color chart

● #228483 color description : Dark cyan.

The hexadecimal color #228483 has RGB values of R:34, G:132, B:131 and CMYK values of C:0.74, M:0, Y:0.01, K:0.48. Its decimal value is 2262147.

Hex triplet	228483	`#228483`
RGB Decimal	34, 132, 131	`rgb(34,132,131)`
RGB Percent	13.3, 51.8, 51.4	`rgb(13.3%,51.8%,51.4%)`
CMYK	74, 0, 1, 48
HSL	179.4°, 59, 32.5	`hsl(179.4,59%,32.5%)`
HSV (or HSB)	179.4°, 74.2, 51.8
Web Safe	339999	`#339999`

CIE-LAB	50.073, -27.141, -7.483
XYZ	13.006, 18.48, 24.353
xyY	0.233, 0.331, 18.48
CIE-LCH	50.073, 28.154, 195.414
CIE-LUV	50.073, -35.557, -6.828
Hunter-Lab	42.988, -21.224, -3.496
Binary	00100010, 10000100, 10000011

#228483
```
#228483 rgb(34,132,131)
```
#842223
```
#842223 rgb(132,34,35)
```

Complementary Color

#228452
```
#228452 rgb(34,132,82)
```
#228483
```
#228483 rgb(34,132,131)
```
#225484
```
#225484 rgb(34,84,132)
```

Analogous Color

#845222
```
#845222 rgb(132,82,34)
```
#228483
```
#228483 rgb(34,132,131)
```
#842254
```
#842254 rgb(132,34,84)
```

Split Complementary Color

#848322
```
#848322 rgb(132,131,34)
```
#228483
```
#228483 rgb(34,132,131)
```
#832284
```
#832284 rgb(131,34,132)
```

Triadic Color

#238422
```
#238422 rgb(35,132,34)
```
#228483
```
#228483 rgb(34,132,131)
```
#832284
```
#832284 rgb(131,34,132)
```
#842223
```
#842223 rgb(132,34,35)
```

Tetradic Color

#124747
```
#124747 rgb(18,71,71)
```
#185b5b
```
#185b5b rgb(24,91,91)
```
#1d706f
```
#1d706f rgb(29,112,111)
```
#228483
```
#228483 rgb(34,132,131)
```
#279897
```
#279897 rgb(39,152,151)
```
#2cadab
```
#2cadab rgb(44,173,171)
```
#32c1bf
```
#32c1bf rgb(50,193,191)
```

Monochromatic Color

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

#22846b
```
#22846b rgb(34,132,107)
```
#228473
```
#228473 rgb(34,132,115)
```
#22847b
```
#22847b rgb(34,132,123)
```
#228483
```
#228483 rgb(34,132,131)
```
#227d84
```
#227d84 rgb(34,125,132)
```
#227584
```
#227584 rgb(34,117,132)
```
#226d84
```
#226d84 rgb(34,109,132)
```

Similar Colors

Text with hexadecimal color #228483

This text has a font color of #228483.

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

#228483 background color

This paragraph has a background color of #228483.

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

#228483 border color

This element has a border color of #228483.

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

CSS codes

.text {color:#228483;}

.background {background-color:#228483;}

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

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 #f7fdfd is the lightest one.

#020707
```
#020707 rgb(2,7,7)
```
#061717
```
#061717 rgb(6,23,23)
```
#0a2626
```
#0a2626 rgb(10,38,38)
```
#0e3636
```
#0e3636 rgb(14,54,54)
```
#124645
```
#124645 rgb(18,70,69)
```
#165555
```
#165555 rgb(22,85,85)
```
#1a6564
```
#1a6564 rgb(26,101,100)
```
#1e7474
```
#1e7474 rgb(30,116,116)
```
#228483
```
#228483 rgb(34,132,131)
```
#269492
```
#269492 rgb(38,148,146)
```
#2aa3a2
```
#2aa3a2 rgb(42,163,162)
```
#2eb3b1
```
#2eb3b1 rgb(46,179,177)
```
#32c2c1
```
#32c2c1 rgb(50,194,193)
```

Shade Color Variation

#3bcdcb
```
#3bcdcb rgb(59,205,203)
```
#4bd1cf
```
#4bd1cf rgb(75,209,207)
```
#5bd5d3
```
#5bd5d3 rgb(91,213,211)
```
#6ad9d8
```
#6ad9d8 rgb(106,217,216)
```
#7adddc
```
#7adddc rgb(122,221,220)
```
#89e1e0
```
#89e1e0 rgb(137,225,224)
```
#99e5e4
```
#99e5e4 rgb(153,229,228)
```
#a9e9e8
```
#a9e9e8 rgb(169,233,232)
```
#b8edec
```
#b8edec rgb(184,237,236)
```
#c8f1f0
```
#c8f1f0 rgb(200,241,240)
```
#d7f5f5
```
#d7f5f5 rgb(215,245,245)
```
#e7f9f9
```
#e7f9f9 rgb(231,249,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#4f5757
```
#4f5757 rgb(79,87,87)
```
#485e5d
```
#485e5d rgb(72,94,93)
```
#426464
```
#426464 rgb(66,100,100)
```
#3c6a6a
```
#3c6a6a rgb(60,106,106)
```
#357170
```
#357170 rgb(53,113,112)
```
#2f7776
```
#2f7776 rgb(47,119,118)
```
#287e7d
```
#287e7d rgb(40,126,125)
```
#228483
```
#228483 rgb(34,132,131)
```
#1c8a89
```
#1c8a89 rgb(28,138,137)
```
#159190
```
#159190 rgb(21,145,144)
```
#0f9796
```
#0f9796 rgb(15,151,150)
```
#089e9c
```
#089e9c rgb(8,158,156)
```
#02a4a2
```
#02a4a2 rgb(2,164,162)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7d82 Protanopia 1% of men
#817b8f Deuteranopia 1% of men
#348892 Tritanopia 0.001% of the population

Trichromacy

#5d7f82 Protanomaly 1% of men, 0.01% of women
#5e7e8a Deuteranomaly 6% of men, 0.4% of women
#2e878d Tritanomaly 0.01% of the population

#228483 hex color

#228483 Color Information

#228483 Color Conversion

Color Schemes with #228483

Alternatives to #228483

#228483 Preview

Shades and Tints of #228483

Tones of #228483

Color Blindness Simulator