#226cc4 hex color

In a RGB color space, hex #226cc4 is composed of 13.3% red, 42.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 44.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 212.6 degrees, a saturation of 70.4% and a lightness of 45.1%. #226cc4 color hex could be obtained by blending #44d8ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 77
RGB color chart
- C 83
- M 45
- Y 0
- K 23
CMYK color chart

● #226cc4 color description : Strong blue.

The hexadecimal color #226cc4 has RGB values of R:34, G:108, B:196 and CMYK values of C:0.83, M:0.45, Y:0, K:0.23. Its decimal value is 2256068.

Hex triplet	226cc4	`#226cc4`
RGB Decimal	34, 108, 196	`rgb(34,108,196)`
RGB Percent	13.3, 42.4, 76.9	`rgb(13.3%,42.4%,76.9%)`
CMYK	83, 45, 0, 23
HSL	212.6°, 70.4, 45.1	`hsl(212.6,70.4%,45.1%)`
HSV (or HSB)	212.6°, 82.7, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.702, 10.028, -52.204
XYZ	15.984, 15.049, 54.284
xyY	0.187, 0.176, 15.049
CIE-LCH	45.702, 53.159, 280.874
CIE-LUV	45.702, -23.652, -79.348
Hunter-Lab	38.794, 5.657, -55.809
Binary	00100010, 01101100, 11000100

#226cc4
```
#226cc4 rgb(34,108,196)
```
#c47a22
```
#c47a22 rgb(196,122,34)
```

Complementary Color

#22bdc4
```
#22bdc4 rgb(34,189,196)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#2922c4
```
#2922c4 rgb(41,34,196)
```

Analogous Color

#bdc422
```
#bdc422 rgb(189,196,34)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#c42922
```
#c42922 rgb(196,41,34)
```

Split Complementary Color

#6cc422
```
#6cc422 rgb(108,196,34)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#c4226c
```
#c4226c rgb(196,34,108)
```

Triadic Color

#22c47a
```
#22c47a rgb(34,196,122)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#c4226c
```
#c4226c rgb(196,34,108)
```
#c47a22
```
#c47a22 rgb(196,122,34)
```

Tetradic Color

#174883
```
#174883 rgb(23,72,131)
```
#1a5499
```
#1a5499 rgb(26,84,153)
```
#1e60ae
```
#1e60ae rgb(30,96,174)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#2678d9
```
#2678d9 rgb(38,120,217)
```
#3c86dd
```
#3c86dd rgb(60,134,221)
```
#5293e1
```
#5293e1 rgb(82,147,225)
```

Monochromatic Color

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

#2295c4
```
#2295c4 rgb(34,149,196)
```
#2287c4
```
#2287c4 rgb(34,135,196)
```
#227ac4
```
#227ac4 rgb(34,122,196)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#225ec4
```
#225ec4 rgb(34,94,196)
```
#2251c4
```
#2251c4 rgb(34,81,196)
```
#2244c4
```
#2244c4 rgb(34,68,196)
```

Similar Colors

Text with hexadecimal color #226cc4

This text has a font color of #226cc4.

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

#226cc4 background color

This paragraph has a background color of #226cc4.

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

#226cc4 border color

This element has a border color of #226cc4.

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

CSS codes

.text {color:#226cc4;}

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

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

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, #02070c is the darkest color, while #fafcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#05101d
```
#05101d rgb(5,16,29)
```
#08192e
```
#08192e rgb(8,25,46)
```
#0b223e
```
#0b223e rgb(11,34,62)
```
#0e2c4f
```
#0e2c4f rgb(14,44,79)
```
#113560
```
#113560 rgb(17,53,96)
```
#143e70
```
#143e70 rgb(20,62,112)
```
#164781
```
#164781 rgb(22,71,129)
```
#195092
```
#195092 rgb(25,80,146)
```
#1c5aa3
```
#1c5aa3 rgb(28,90,163)
```
#1f63b3
```
#1f63b3 rgb(31,99,179)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#2575d5
```
#2575d5 rgb(37,117,213)
```

Shade Color Variation

#327fdb
```
#327fdb rgb(50,127,219)
```
#438ade
```
#438ade rgb(67,138,222)
```
#5394e1
```
#5394e1 rgb(83,148,225)
```
#649fe4
```
#649fe4 rgb(100,159,228)
```
#75a9e7
```
#75a9e7 rgb(117,169,231)
```
#85b3ea
```
#85b3ea rgb(133,179,234)
```
#96beed
```
#96beed rgb(150,190,237)
```
#a7c8f0
```
#a7c8f0 rgb(167,200,240)
```
#b8d3f3
```
#b8d3f3 rgb(184,211,243)
```
#c8ddf6
```
#c8ddf6 rgb(200,221,246)
```
#d9e7f8
```
#d9e7f8 rgb(217,231,248)
```
#eaf2fb
```
#eaf2fb rgb(234,242,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727374 is the less saturated color, while #076adf is the most saturated one.

#727374
```
#727374 rgb(114,115,116)
```
#69727d
```
#69727d rgb(105,114,125)
```
#607186
```
#607186 rgb(96,113,134)
```
#57718f
```
#57718f rgb(87,113,143)
```
#4e7098
```
#4e7098 rgb(78,112,152)
```
#456fa1
```
#456fa1 rgb(69,111,161)
```
#3d6ea9
```
#3d6ea9 rgb(61,110,169)
```
#346eb2
```
#346eb2 rgb(52,110,178)
```
#2b6dbb
```
#2b6dbb rgb(43,109,187)
```
#226cc4
```
#226cc4 rgb(34,108,196)
```
#196bcd
```
#196bcd rgb(25,107,205)
```
#106ad6
```
#106ad6 rgb(16,106,214)
```
#076adf
```
#076adf rgb(7,106,223)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#546274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4771c4 Protanopia 1% of men
#0075c4 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#396fc4 Protanomaly 1% of men, 0.01% of women
#0c72c4 Deuteranomaly 6% of men, 0.4% of women
#0c789d Tritanomaly 0.01% of the population

#226cc4 hex color

#226cc4 Color Information

#226cc4 Color Conversion

Color Schemes with #226cc4

Alternatives to #226cc4

#226cc4 Preview

Shades and Tints of #226cc4

Tones of #226cc4

Color Blindness Simulator