#226ddc hex color

In a RGB color space, hex #226ddc is composed of 13.3% red, 42.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 50.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 215.8 degrees, a saturation of 73.2% and a lightness of 49.8%. #226ddc color hex could be obtained by blending #44daff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 43
- B 86
RGB color chart
- C 85
- M 50
- Y 0
- K 14
CMYK color chart

● #226ddc color description : Bright blue.

The hexadecimal color #226ddc has RGB values of R:34, G:109, B:220 and CMYK values of C:0.85, M:0.5, Y:0, K:0.14. Its decimal value is 2256348.

Hex triplet	226ddc	`#226ddc`
RGB Decimal	34, 109, 220	`rgb(34,109,220)`
RGB Percent	13.3, 42.7, 86.3	`rgb(13.3%,42.7%,86.3%)`
CMYK	85, 50, 0, 14
HSL	215.8°, 73.2, 49.8	`hsl(215.8,73.2%,49.8%)`
HSV (or HSB)	215.8°, 84.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.551, 18.653, -62.942
XYZ	19.044, 16.443, 69.876
xyY	0.181, 0.156, 16.443
CIE-LCH	47.551, 65.648, 286.507
CIE-LUV	47.551, -23.23, -97.046
Hunter-Lab	40.55, 12.867, -73.784
Binary	00100010, 01101101, 11011100

#226ddc
```
#226ddc rgb(34,109,220)
```
#dc9122
```
#dc9122 rgb(220,145,34)
```

Complementary Color

#22cadc
```
#22cadc rgb(34,202,220)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#3422dc
```
#3422dc rgb(52,34,220)
```

Analogous Color

#cadc22
```
#cadc22 rgb(202,220,34)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#dc3422
```
#dc3422 rgb(220,52,34)
```

Split Complementary Color

#6ddc22
```
#6ddc22 rgb(109,220,34)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#dc226d
```
#dc226d rgb(220,34,109)
```

Triadic Color

#22dc91
```
#22dc91 rgb(34,220,145)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#dc226d
```
#dc226d rgb(220,34,109)
```
#dc9122
```
#dc9122 rgb(220,145,34)
```

Tetradic Color

#184c9a
```
#184c9a rgb(24,76,154)
```
#1b57b0
```
#1b57b0 rgb(27,87,176)
```
#1f62c6
```
#1f62c6 rgb(31,98,198)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#377be0
```
#377be0 rgb(55,123,224)
```
#4d8ae4
```
#4d8ae4 rgb(77,138,228)
```
#6499e7
```
#6499e7 rgb(100,153,231)
```

Monochromatic Color

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

#229cdc
```
#229cdc rgb(34,156,220)
```
#228cdc
```
#228cdc rgb(34,140,220)
```
#227ddc
```
#227ddc rgb(34,125,220)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#225edc
```
#225edc rgb(34,94,220)
```
#224edc
```
#224edc rgb(34,78,220)
```
#223fdc
```
#223fdc rgb(34,63,220)
```

Similar Colors

Text with hexadecimal color #226ddc

This text has a font color of #226ddc.

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

#226ddc background color

This paragraph has a background color of #226ddc.

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

#226ddc border color

This element has a border color of #226ddc.

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

CSS codes

.text {color:#226ddc;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#051021
```
#051021 rgb(5,16,33)
```
#081932
```
#081932 rgb(8,25,50)
```
#0a2143
```
#0a2143 rgb(10,33,67)
```
#0d2a54
```
#0d2a54 rgb(13,42,84)
```
#103265
```
#103265 rgb(16,50,101)
```
#123a76
```
#123a76 rgb(18,58,118)
```
#154387
```
#154387 rgb(21,67,135)
```
#174b98
```
#174b98 rgb(23,75,152)
```
#1a54a9
```
#1a54a9 rgb(26,84,169)
```
#1d5cba
```
#1d5cba rgb(29,92,186)
```
#1f65cb
```
#1f65cb rgb(31,101,203)
```
#226ddc
```
#226ddc rgb(34,109,220)
```

Shade Color Variation

#3278df
```
#3278df rgb(50,120,223)
```
#4383e2
```
#4383e2 rgb(67,131,226)
```
#548ee5
```
#548ee5 rgb(84,142,229)
```
#659ae7
```
#659ae7 rgb(101,154,231)
```
#76a5ea
```
#76a5ea rgb(118,165,234)
```
#87b0ec
```
#87b0ec rgb(135,176,236)
```
#98bbef
```
#98bbef rgb(152,187,239)
```
#a9c6f2
```
#a9c6f2 rgb(169,198,242)
```
#bad2f4
```
#bad2f4 rgb(186,210,244)
```
#cbddf7
```
#cbddf7 rgb(203,221,247)
```
#dce8fa
```
#dce8fa rgb(220,232,250)
```
#edf3fc
```
#edf3fc rgb(237,243,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7a7e84
```
#7a7e84 rgb(122,126,132)
```
#707c8e
```
#707c8e rgb(112,124,142)
```
#667a98
```
#667a98 rgb(102,122,152)
```
#5d78a1
```
#5d78a1 rgb(93,120,161)
```
#5376ab
```
#5376ab rgb(83,118,171)
```
#4975b5
```
#4975b5 rgb(73,117,181)
```
#3f73bf
```
#3f73bf rgb(63,115,191)
```
#3671c8
```
#3671c8 rgb(54,113,200)
```
#2c6fd2
```
#2c6fd2 rgb(44,111,210)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#186be6
```
#186be6 rgb(24,107,230)
```
#0e69f0
```
#0e69f0 rgb(14,105,240)
```
#0567f9
```
#0567f9 rgb(5,103,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#56657b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c74dd Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#2871dd Protanomaly 1% of men, 0.01% of women
#0c75d0 Deuteranomaly 6% of men, 0.4% of women
#0c7ba8 Tritanomaly 0.01% of the population

#226ddc hex color

#226ddc Color Information

#226ddc Color Conversion

Color Schemes with #226ddc

Alternatives to #226ddc

#226ddc Preview

Shades and Tints of #226ddc

Tones of #226ddc

Color Blindness Simulator