colorhexa.com

#229380 hex color

In a RGB color space, hex #229380 is composed of 13.3% red, 57.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 12.9% yellow and 42.4% black. It has a hue angle of 169.9 degrees, a saturation of 62.4% and a lightness of 35.5%. #229380 color hex could be obtained by blending #44ffff with #002701. Closest websafe color is: #339999.

- R 13
- G 58
- B 50
RGB color chart
- C 77
- M 0
- Y 13
- K 42
CMYK color chart

● #229380 color description : Dark cyan.

The hexadecimal color #229380 has RGB values of R:34, G:147, B:128 and CMYK values of C:0.77, M:0, Y:0.13, K:0.42. Its decimal value is 2265984.

Hex triplet	229380	`#229380`
RGB Decimal	34, 147, 128	`rgb(34,147,128)`
RGB Percent	13.3, 57.6, 50.2	`rgb(13.3%,57.6%,50.2%)`
CMYK	77, 0, 13, 42
HSL	169.9°, 62.4, 35.5	`hsl(169.9,62.4%,35.5%)`
HSV (or HSB)	169.9°, 76.9, 57.6
Web Safe	339999	`#339999`

CIE-LAB	54.829, -35.166, 1.264
XYZ	14.988, 22.765, 24.025
xyY	0.243, 0.368, 22.765
CIE-LCH	54.829, 35.189, 177.941
CIE-LUV	54.829, -41.295, 6.96
Hunter-Lab	47.712, -27.422, 3.544
Binary	00100010, 10010011, 10000000

#229380
```
#229380 rgb(34,147,128)
```
#932235
```
#932235 rgb(147,34,53)
```

Complementary Color

#229348
```
#229348 rgb(34,147,72)
```
#229380
```
#229380 rgb(34,147,128)
```
#226e93
```
#226e93 rgb(34,110,147)
```

Analogous Color

#934822
```
#934822 rgb(147,72,34)
```
#229380
```
#229380 rgb(34,147,128)
```
#93226e
```
#93226e rgb(147,34,110)
```

Split Complementary Color

#938022
```
#938022 rgb(147,128,34)
```
#229380
```
#229380 rgb(34,147,128)
```
#802293
```
#802293 rgb(128,34,147)
```

Triadic Color

#359322
```
#359322 rgb(53,147,34)
```
#229380
```
#229380 rgb(34,147,128)
```
#802293
```
#802293 rgb(128,34,147)
```
#932235
```
#932235 rgb(147,34,53)
```

Tetradic Color

#14554a
```
#14554a rgb(20,85,74)
```
#186a5c
```
#186a5c rgb(24,106,92)
```
#1d7e6e
```
#1d7e6e rgb(29,126,110)
```
#229380
```
#229380 rgb(34,147,128)
```
#27a892
```
#27a892 rgb(39,168,146)
```
#2cbca4
```
#2cbca4 rgb(44,188,164)
```
#32d0b5
```
#32d0b5 rgb(50,208,181)
```

Monochromatic Color

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

#229364
```
#229364 rgb(34,147,100)
```
#22936d
```
#22936d rgb(34,147,109)
```
#229377
```
#229377 rgb(34,147,119)
```
#229380
```
#229380 rgb(34,147,128)
```
#229389
```
#229389 rgb(34,147,137)
```
#229393
```
#229393 rgb(34,147,147)
```
#228a93
```
#228a93 rgb(34,138,147)
```

Similar Colors

Text with hexadecimal color #229380

This text has a font color of #229380.

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

#229380 background color

This paragraph has a background color of #229380.

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

#229380 border color

This element has a border color of #229380.

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

CSS codes

.text {color:#229380;}

.background {background-color:#229380;}

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051411
```
#051411 rgb(5,20,17)
```
#08231f
```
#08231f rgb(8,35,31)
```
#0c332d
```
#0c332d rgb(12,51,45)
```
#10433b
```
#10433b rgb(16,67,59)
```
#135349
```
#135349 rgb(19,83,73)
```
#176356
```
#176356 rgb(23,99,86)
```
#1b7364
```
#1b7364 rgb(27,115,100)
```
#1e8372
```
#1e8372 rgb(30,131,114)
```
#229380
```
#229380 rgb(34,147,128)
```
#26a38e
```
#26a38e rgb(38,163,142)
```
#29b39c
```
#29b39c rgb(41,179,156)
```
#2dc3aa
```
#2dc3aa rgb(45,195,170)
```

Shade Color Variation

#34d0b6
```
#34d0b6 rgb(52,208,182)
```
#43d4bb
```
#43d4bb rgb(67,212,187)
```
#53d7c1
```
#53d7c1 rgb(83,215,193)
```
#63dbc7
```
#63dbc7 rgb(99,219,199)
```
#73dfcd
```
#73dfcd rgb(115,223,205)
```
#83e2d2
```
#83e2d2 rgb(131,226,210)
```
#93e6d8
```
#93e6d8 rgb(147,230,216)
```
#a3eade
```
#a3eade rgb(163,234,222)
```
#b3ede4
```
#b3ede4 rgb(179,237,228)
```
#c3f1e9
```
#c3f1e9 rgb(195,241,233)
```
#d3f5ef
```
#d3f5ef rgb(211,245,239)
```
#e3f8f5
```
#e3f8f5 rgb(227,248,245)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5b is the less saturated color, while #06af92 is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536260
```
#536260 rgb(83,98,96)
```
#4c6964
```
#4c6964 rgb(76,105,100)
```
#457069
```
#457069 rgb(69,112,105)
```
#3e776e
```
#3e776e rgb(62,119,110)
```
#377e72
```
#377e72 rgb(55,126,114)
```
#308577
```
#308577 rgb(48,133,119)
```
#298c7b
```
#298c7b rgb(41,140,123)
```
#229380
```
#229380 rgb(34,147,128)
```
#1b9a85
```
#1b9a85 rgb(27,154,133)
```
#14a189
```
#14a189 rgb(20,161,137)
```
#0da88e
```
#0da88e rgb(13,168,142)
```
#06af92
```
#06af92 rgb(6,175,146)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#607672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e897e Protanopia 1% of men
#94858d Deuteranopia 1% of men
#3f949f Tritanopia 0.001% of the population

Trichromacy

#678c7f Protanomaly 1% of men, 0.01% of women
#6a8a88 Deuteranomaly 6% of men, 0.4% of women
#349494 Tritanomaly 0.01% of the population