#227cdc hex color

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

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

● #227cdc color description : Bright blue.

The hexadecimal color #227cdc has RGB values of R:34, G:124, B:220 and CMYK values of C:0.85, M:0.44, Y:0, K:0.14. Its decimal value is 2260188.

Hex triplet	227cdc	`#227cdc`
RGB Decimal	34, 124, 220	`rgb(34,124,220)`
RGB Percent	13.3, 48.6, 86.3	`rgb(13.3%,48.6%,86.3%)`
CMYK	85, 44, 0, 14
HSL	211°, 73.2, 49.8	`hsl(211,73.2%,49.8%)`
HSV (or HSB)	211°, 84.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.748, 9.209, -56.182
XYZ	20.783, 19.921, 70.456
xyY	0.187, 0.179, 19.921
CIE-LCH	51.748, 56.931, 279.309
CIE-LUV	51.748, -27.766, -87.905
Hunter-Lab	44.633, 5.009, -62.35
Binary	00100010, 01111100, 11011100

#227cdc
```
#227cdc rgb(34,124,220)
```
#dc8222
```
#dc8222 rgb(220,130,34)
```

Complementary Color

#22d9dc
```
#22d9dc rgb(34,217,220)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#2522dc
```
#2522dc rgb(37,34,220)
```

Analogous Color

#d9dc22
```
#d9dc22 rgb(217,220,34)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#dc2522
```
#dc2522 rgb(220,37,34)
```

Split Complementary Color

#7cdc22
```
#7cdc22 rgb(124,220,34)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#dc227c
```
#dc227c rgb(220,34,124)
```

Triadic Color

#22dc82
```
#22dc82 rgb(34,220,130)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#dc227c
```
#dc227c rgb(220,34,124)
```
#dc8222
```
#dc8222 rgb(220,130,34)
```

Tetradic Color

#18579a
```
#18579a rgb(24,87,154)
```
#1b63b0
```
#1b63b0 rgb(27,99,176)
```
#1f70c6
```
#1f70c6 rgb(31,112,198)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#3789e0
```
#3789e0 rgb(55,137,224)
```
#4d96e4
```
#4d96e4 rgb(77,150,228)
```
#64a3e7
```
#64a3e7 rgb(100,163,231)
```

Monochromatic Color

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

#22abdc
```
#22abdc rgb(34,171,220)
```
#229bdc
```
#229bdc rgb(34,155,220)
```
#228cdc
```
#228cdc rgb(34,140,220)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#226ddc
```
#226ddc rgb(34,109,220)
```
#225ddc
```
#225ddc rgb(34,93,220)
```
#224edc
```
#224edc rgb(34,78,220)
```

Similar Colors

Text with hexadecimal color #227cdc

This text has a font color of #227cdc.

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

#227cdc background color

This paragraph has a background color of #227cdc.

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

#227cdc border color

This element has a border color of #227cdc.

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

CSS codes

.text {color:#227cdc;}

.background {background-color:#227cdc;}

.border {border:1px solid #227cdc;}

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

#020910
```
#020910 rgb(2,9,16)
```
#051321
```
#051321 rgb(5,19,33)
```
#081c32
```
#081c32 rgb(8,28,50)
```
#0a2643
```
#0a2643 rgb(10,38,67)
```
#0d2f54
```
#0d2f54 rgb(13,47,84)
```
#103965
```
#103965 rgb(16,57,101)
```
#124376
```
#124376 rgb(18,67,118)
```
#154c87
```
#154c87 rgb(21,76,135)
```
#175698
```
#175698 rgb(23,86,152)
```
#1a5fa9
```
#1a5fa9 rgb(26,95,169)
```
#1d69ba
```
#1d69ba rgb(29,105,186)
```
#1f72cb
```
#1f72cb rgb(31,114,203)
```
#227cdc
```
#227cdc rgb(34,124,220)
```

Shade Color Variation

#3286df
```
#3286df rgb(50,134,223)
```
#4390e2
```
#4390e2 rgb(67,144,226)
```
#549ae5
```
#549ae5 rgb(84,154,229)
```
#65a4e7
```
#65a4e7 rgb(101,164,231)
```
#76aeea
```
#76aeea rgb(118,174,234)
```
#87b8ec
```
#87b8ec rgb(135,184,236)
```
#98c2ef
```
#98c2ef rgb(152,194,239)
```
#a9ccf2
```
#a9ccf2 rgb(169,204,242)
```
#bad6f4
```
#bad6f4 rgb(186,214,244)
```
#cbe0f7
```
#cbe0f7 rgb(203,224,247)
```
#dceafa
```
#dceafa rgb(220,234,250)
```
#edf4fc
```
#edf4fc rgb(237,244,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7a7f84
```
#7a7f84 rgb(122,127,132)
```
#707f8e
```
#707f8e rgb(112,127,142)
```
#667e98
```
#667e98 rgb(102,126,152)
```
#5d7ea1
```
#5d7ea1 rgb(93,126,161)
```
#537eab
```
#537eab rgb(83,126,171)
```
#497db5
```
#497db5 rgb(73,125,181)
```
#3f7dbf
```
#3f7dbf rgb(63,125,191)
```
#367dc8
```
#367dc8 rgb(54,125,200)
```
#2c7cd2
```
#2c7cd2 rgb(44,124,210)
```
#227cdc
```
#227cdc rgb(34,124,220)
```
#187ce6
```
#187ce6 rgb(24,124,230)
```
#0e7bf0
```
#0e7bf0 rgb(14,123,240)
```
#057bf9
```
#057bf9 rgb(5,123,249)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5d6f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#537fda Protanopia 1% of men
#0084dc Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#417edb Protanomaly 1% of men, 0.01% of women
#0c81dc Deuteranomaly 6% of men, 0.4% of women
#0c88b0 Tritanomaly 0.01% of the population

#227cdc hex color

#227cdc Color Information

#227cdc Color Conversion

Color Schemes with #227cdc

Alternatives to #227cdc

#227cdc Preview

Shades and Tints of #227cdc

Tones of #227cdc

Color Blindness Simulator