#226dec hex color

In a RGB color space, hex #226dec is composed of 13.3% red, 42.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 53.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.7 degrees, a saturation of 84.2% and a lightness of 52.9%. #226dec color hex could be obtained by blending #44daff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 43
- B 93
RGB color chart
- C 86
- M 54
- Y 0
- K 7
CMYK color chart

● #226dec color description : Vivid blue.

The hexadecimal color #226dec has RGB values of R:34, G:109, B:236 and CMYK values of C:0.86, M:0.54, Y:0, K:0.07. Its decimal value is 2256364.

Hex triplet	226dec	`#226dec`
RGB Decimal	34, 109, 236	`rgb(34,109,236)`
RGB Percent	13.3, 42.7, 92.5	`rgb(13.3%,42.7%,92.5%)`
CMYK	86, 54, 0, 7
HSL	217.7°, 84.2, 52.9	`hsl(217.7,84.2%,52.9%)`
HSV (or HSB)	217.7°, 85.6, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.675, 24.766, -70.14
XYZ	21.265, 17.332, 81.577
xyY	0.177, 0.144, 17.332
CIE-LCH	48.675, 74.384, 289.448
CIE-LUV	48.675, -22.854, -108.692
Hunter-Lab	41.631, 18.323, -87.037
Binary	00100010, 01101101, 11101100

#226dec
```
#226dec rgb(34,109,236)
```
#eca122
```
#eca122 rgb(236,161,34)
```

Complementary Color

#22d2ec
```
#22d2ec rgb(34,210,236)
```
#226dec
```
#226dec rgb(34,109,236)
```
#3c22ec
```
#3c22ec rgb(60,34,236)
```

Analogous Color

#d2ec22
```
#d2ec22 rgb(210,236,34)
```
#226dec
```
#226dec rgb(34,109,236)
```
#ec3c22
```
#ec3c22 rgb(236,60,34)
```

Split Complementary Color

#6dec22
```
#6dec22 rgb(109,236,34)
```
#226dec
```
#226dec rgb(34,109,236)
```
#ec226d
```
#ec226d rgb(236,34,109)
```

Triadic Color

#22eca1
```
#22eca1 rgb(34,236,161)
```
#226dec
```
#226dec rgb(34,109,236)
```
#ec226d
```
#ec226d rgb(236,34,109)
```
#eca122
```
#eca122 rgb(236,161,34)
```

Tetradic Color

#0f4cb2
```
#0f4cb2 rgb(15,76,178)
```
#1156ca
```
#1156ca rgb(17,86,202)
```
#1360e1
```
#1360e1 rgb(19,96,225)
```
#226dec
```
#226dec rgb(34,109,236)
```
#397dee
```
#397dee rgb(57,125,238)
```
#518cf0
```
#518cf0 rgb(81,140,240)
```
#689cf2
```
#689cf2 rgb(104,156,242)
```

Monochromatic Color

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

#22a0ec
```
#22a0ec rgb(34,160,236)
```
#228fec
```
#228fec rgb(34,143,236)
```
#227eec
```
#227eec rgb(34,126,236)
```
#226dec
```
#226dec rgb(34,109,236)
```
#225cec
```
#225cec rgb(34,92,236)
```
#224bec
```
#224bec rgb(34,75,236)
```
#223bec
```
#223bec rgb(34,59,236)
```

Similar Colors

Text with hexadecimal color #226dec

This text has a font color of #226dec.

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

#226dec background color

This paragraph has a background color of #226dec.

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

#226dec border color

This element has a border color of #226dec.

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

CSS codes

.text {color:#226dec;}

.background {background-color:#226dec;}

.border {border:1px solid #226dec;}

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, #01060e is the darkest color, while #fbfcff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#030e20
```
#030e20 rgb(3,14,32)
```
#041532
```
#041532 rgb(4,21,50)
```
#061d44
```
#061d44 rgb(6,29,68)
```
#072556
```
#072556 rgb(7,37,86)
```
#092c68
```
#092c68 rgb(9,44,104)
```
#0b347a
```
#0b347a rgb(11,52,122)
```
#0c3c8c
```
#0c3c8c rgb(12,60,140)
```
#0e439e
```
#0e439e rgb(14,67,158)
```
#0f4bb0
```
#0f4bb0 rgb(15,75,176)
```
#1153c2
```
#1153c2 rgb(17,83,194)
```
#125ad5
```
#125ad5 rgb(18,90,213)
```
#1462e7
```
#1462e7 rgb(20,98,231)
```

Shade Color Variation

#226dec
```
#226dec rgb(34,109,236)
```
#3479ee
```
#3479ee rgb(52,121,238)
```
#4685ef
```
#4685ef rgb(70,133,239)
```
#5891f1
```
#5891f1 rgb(88,145,241)
```
#6a9df2
```
#6a9df2 rgb(106,157,242)
```
#7ca9f4
```
#7ca9f4 rgb(124,169,244)
```
#8eb5f5
```
#8eb5f5 rgb(142,181,245)
```
#a0c1f7
```
#a0c1f7 rgb(160,193,247)
```
#b3ccf8
```
#b3ccf8 rgb(179,204,248)
```
#c5d8fa
```
#c5d8fa rgb(197,216,250)
```
#d7e4fc
```
#d7e4fc rgb(215,228,252)
```
#e9f0fd
```
#e9f0fd rgb(233,240,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8590 is the less saturated color, while #1068fe is the most saturated one.

#7e8590
```
#7e8590 rgb(126,133,144)
```
#758299
```
#758299 rgb(117,130,153)
```
#6c80a2
```
#6c80a2 rgb(108,128,162)
```
#637eab
```
#637eab rgb(99,126,171)
```
#597bb5
```
#597bb5 rgb(89,123,181)
```
#5079be
```
#5079be rgb(80,121,190)
```
#4777c7
```
#4777c7 rgb(71,119,199)
```
#3e74d0
```
#3e74d0 rgb(62,116,208)
```
#3472da
```
#3472da rgb(52,114,218)
```
#2b6fe3
```
#2b6fe3 rgb(43,111,227)
```
#226dec
```
#226dec rgb(34,109,236)
```
#196bf5
```
#196bf5 rgb(25,107,245)
```
#1068fe
```
#1068fe rgb(16,104,254)
```

Tone Color Variation

Below, you can see how #226dec 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
#586780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0c73ea Protanomaly 1% of men, 0.01% of women
#0c77d7 Deuteranomaly 6% of men, 0.4% of women
#0c7db0 Tritanomaly 0.01% of the population

#226dec hex color

#226dec Color Information

#226dec Color Conversion

Color Schemes with #226dec

Alternatives to #226dec

#226dec Preview

Shades and Tints of #226dec

Tones of #226dec

Color Blindness Simulator