#227086 hex color

In a RGB color space, hex #227086 is composed of 13.3% red, 43.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 16.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 193.2 degrees, a saturation of 59.5% and a lightness of 32.9%. #227086 color hex could be obtained by blending #44e0ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 53
RGB color chart
- C 75
- M 16
- Y 0
- K 47
CMYK color chart

● #227086 color description : Dark cyan.

The hexadecimal color #227086 has RGB values of R:34, G:112, B:134 and CMYK values of C:0.75, M:0.16, Y:0, K:0.47. Its decimal value is 2257030.

Hex triplet	227086	`#227086`
RGB Decimal	34, 112, 134	`rgb(34,112,134)`
RGB Percent	13.3, 43.9, 52.5	`rgb(13.3%,43.9%,52.5%)`
CMYK	75, 16, 0, 47
HSL	193.2°, 59.5, 32.9	`hsl(193.2,59.5%,32.9%)`
HSV (or HSB)	193.2°, 74.6, 52.5
Web Safe	336699	`#336699`

CIE-LAB	43.725, -15.589, -18.872
XYZ	10.756, 13.649, 24.621
xyY	0.219, 0.278, 13.649
CIE-LCH	43.725, 24.478, 230.44
CIE-LUV	43.725, -27.938, -24.898
Hunter-Lab	36.944, -12.685, -13.651
Binary	00100010, 01110000, 10000110

#227086
```
#227086 rgb(34,112,134)
```
#863822
```
#863822 rgb(134,56,34)
```

Complementary Color

#22866a
```
#22866a rgb(34,134,106)
```
#227086
```
#227086 rgb(34,112,134)
```
#223e86
```
#223e86 rgb(34,62,134)
```

Analogous Color

#866a22
```
#866a22 rgb(134,106,34)
```
#227086
```
#227086 rgb(34,112,134)
```
#86223e
```
#86223e rgb(134,34,62)
```

Split Complementary Color

#708622
```
#708622 rgb(112,134,34)
```
#227086
```
#227086 rgb(34,112,134)
```
#862270
```
#862270 rgb(134,34,112)
```

Triadic Color

#228638
```
#228638 rgb(34,134,56)
```
#227086
```
#227086 rgb(34,112,134)
```
#862270
```
#862270 rgb(134,34,112)
```
#863822
```
#863822 rgb(134,56,34)
```

Tetradic Color

#133d49
```
#133d49 rgb(19,61,73)
```
#184e5d
```
#184e5d rgb(24,78,93)
```
#1d5f72
```
#1d5f72 rgb(29,95,114)
```
#227086
```
#227086 rgb(34,112,134)
```
#27819a
```
#27819a rgb(39,129,154)
```
#2c92af
```
#2c92af rgb(44,146,175)
```
#31a3c3
```
#31a3c3 rgb(49,163,195)
```

Monochromatic Color

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

#228683
```
#228683 rgb(34,134,131)
```
#228186
```
#228186 rgb(34,129,134)
```
#227886
```
#227886 rgb(34,120,134)
```
#227086
```
#227086 rgb(34,112,134)
```
#226886
```
#226886 rgb(34,104,134)
```
#225f86
```
#225f86 rgb(34,95,134)
```
#225786
```
#225786 rgb(34,87,134)
```

Similar Colors

Text with hexadecimal color #227086

This text has a font color of #227086.

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

#227086 background color

This paragraph has a background color of #227086.

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

#227086 border color

This element has a border color of #227086.

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

CSS codes

.text {color:#227086;}

.background {background-color:#227086;}

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061418
```
#061418 rgb(6,20,24)
```
#0a2228
```
#0a2228 rgb(10,34,40)
```
#0e2f38
```
#0e2f38 rgb(14,47,56)
```
#123c47
```
#123c47 rgb(18,60,71)
```
#164957
```
#164957 rgb(22,73,87)
```
#1a5667
```
#1a5667 rgb(26,86,103)
```
#1e6376
```
#1e6376 rgb(30,99,118)
```
#227086
```
#227086 rgb(34,112,134)
```
#267d96
```
#267d96 rgb(38,125,150)
```
#2a8aa5
```
#2a8aa5 rgb(42,138,165)
```
#2e97b5
```
#2e97b5 rgb(46,151,181)
```
#32a4c5
```
#32a4c5 rgb(50,164,197)
```

Shade Color Variation

#3caece
```
#3caece rgb(60,174,206)
```
#4cb4d2
```
#4cb4d2 rgb(76,180,210)
```
#5cbbd6
```
#5cbbd6 rgb(92,187,214)
```
#6bc1da
```
#6bc1da rgb(107,193,218)
```
#7bc8de
```
#7bc8de rgb(123,200,222)
```
#8bcee1
```
#8bcee1 rgb(139,206,225)
```
#9ad5e5
```
#9ad5e5 rgb(154,213,229)
```
#aadbe9
```
#aadbe9 rgb(170,219,233)
```
#bae2ed
```
#bae2ed rgb(186,226,237)
```
#c9e9f1
```
#c9e9f1 rgb(201,233,241)
```
#d9eff5
```
#d9eff5 rgb(217,239,245)
```
#e9f6f9
```
#e9f6f9 rgb(233,246,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#4f5759
```
#4f5759 rgb(79,87,89)
```
#495a5f
```
#495a5f rgb(73,90,95)
```
#425e66
```
#425e66 rgb(66,94,102)
```
#3c626c
```
#3c626c rgb(60,98,108)
```
#356573
```
#356573 rgb(53,101,115)
```
#2f6979
```
#2f6979 rgb(47,105,121)
```
#286c80
```
#286c80 rgb(40,108,128)
```
#227086
```
#227086 rgb(34,112,134)
```
#1c748c
```
#1c748c rgb(28,116,140)
```
#157793
```
#157793 rgb(21,119,147)
```
#0f7b99
```
#0f7b99 rgb(15,123,153)
```
#087ea0
```
#087ea0 rgb(8,126,160)
```
#0282a6
```
#0282a6 rgb(2,130,166)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#505f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696e86 Protanopia 1% of men
#666d90 Deuteranopia 1% of men
#237982 Tritanopia 0.001% of the population

Trichromacy

#4f6e86 Protanomaly 1% of men, 0.01% of women
#4d6e8c Deuteranomaly 6% of men, 0.4% of women
#237583 Tritanomaly 0.01% of the population

#227086 hex color

#227086 Color Information

#227086 Color Conversion

Color Schemes with #227086

Alternatives to #227086

#227086 Preview

Shades and Tints of #227086

Tones of #227086

Color Blindness Simulator