#227ca1 hex color

In a RGB color space, hex #227ca1 is composed of 13.3% red, 48.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 23% magenta, 0% yellow and 36.9% black. It has a hue angle of 197.5 degrees, a saturation of 65.1% and a lightness of 38.2%. #227ca1 color hex could be obtained by blending #44f8ff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 49
- B 63
RGB color chart
- C 79
- M 23
- Y 0
- K 37
CMYK color chart

● #227ca1 color description : Dark blue.

The hexadecimal color #227ca1 has RGB values of R:34, G:124, B:161 and CMYK values of C:0.79, M:0.23, Y:0, K:0.37. Its decimal value is 2260129.

Hex triplet	227ca1	`#227ca1`
RGB Decimal	34, 124, 161	`rgb(34,124,161)`
RGB Percent	13.3, 48.6, 63.1	`rgb(13.3%,48.6%,63.1%)`
CMYK	79, 23, 0, 37
HSL	197.5°, 65.1, 38.2	`hsl(197.5,65.1%,38.2%)`
HSV (or HSB)	197.5°, 78.9, 63.1
Web Safe	336699	`#336699`

CIE-LAB	48.67, -12.826, -27.189
XYZ	14.299, 17.327, 36.307
xyY	0.21, 0.255, 17.327
CIE-LCH	48.67, 30.062, 244.745
CIE-LUV	48.67, -30.722, -38.788
Hunter-Lab	41.626, -11.53, -22.576
Binary	00100010, 01111100, 10100001

#227ca1
```
#227ca1 rgb(34,124,161)
```
#a14722
```
#a14722 rgb(161,71,34)
```

Complementary Color

#22a187
```
#22a187 rgb(34,161,135)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#223da1
```
#223da1 rgb(34,61,161)
```

Analogous Color

#a18722
```
#a18722 rgb(161,135,34)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#a1223d
```
#a1223d rgb(161,34,61)
```

Split Complementary Color

#7ca122
```
#7ca122 rgb(124,161,34)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#a1227c
```
#a1227c rgb(161,34,124)
```

Triadic Color

#22a147
```
#22a147 rgb(34,161,71)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#a1227c
```
#a1227c rgb(161,34,124)
```
#a14722
```
#a14722 rgb(161,71,34)
```

Tetradic Color

#154b62
```
#154b62 rgb(21,75,98)
```
#195c77
```
#195c77 rgb(25,92,119)
```
#1e6c8c
```
#1e6c8c rgb(30,108,140)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#268cb6
```
#268cb6 rgb(38,140,182)
```
#2b9ccb
```
#2b9ccb rgb(43,156,203)
```
#3aa8d5
```
#3aa8d5 rgb(58,168,213)
```

Monochromatic Color

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

#229ca1
```
#229ca1 rgb(34,156,161)
```
#2291a1
```
#2291a1 rgb(34,145,161)
```
#2287a1
```
#2287a1 rgb(34,135,161)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#2271a1
```
#2271a1 rgb(34,113,161)
```
#2267a1
```
#2267a1 rgb(34,103,161)
```
#225ca1
```
#225ca1 rgb(34,92,161)
```

Similar Colors

Text with hexadecimal color #227ca1

This text has a font color of #227ca1.

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

#227ca1 background color

This paragraph has a background color of #227ca1.

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

#227ca1 border color

This element has a border color of #227ca1.

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

CSS codes

.text {color:#227ca1;}

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

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

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, #030c0f is the darkest color, while #feffff is the lightest one.

#030c0f
```
#030c0f rgb(3,12,15)
```
#07181f
```
#07181f rgb(7,24,31)
```
#0a2530
```
#0a2530 rgb(10,37,48)
```
#0d3140
```
#0d3140 rgb(13,49,64)
```
#113e50
```
#113e50 rgb(17,62,80)
```
#144a60
```
#144a60 rgb(20,74,96)
```
#185770
```
#185770 rgb(24,87,112)
```
#1b6381
```
#1b6381 rgb(27,99,129)
```
#1f7091
```
#1f7091 rgb(31,112,145)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#2588b1
```
#2588b1 rgb(37,136,177)
```
#2995c1
```
#2995c1 rgb(41,149,193)
```
#2ca1d2
```
#2ca1d2 rgb(44,161,210)
```

Shade Color Variation

#3ca9d6
```
#3ca9d6 rgb(60,169,214)
```
#4cb0d9
```
#4cb0d9 rgb(76,176,217)
```
#5cb7dd
```
#5cb7dd rgb(92,183,221)
```
#6cbee0
```
#6cbee0 rgb(108,190,224)
```
#7cc5e3
```
#7cc5e3 rgb(124,197,227)
```
#8dcde7
```
#8dcde7 rgb(141,205,231)
```
#9dd4ea
```
#9dd4ea rgb(157,212,234)
```
#addbee
```
#addbee rgb(173,219,238)
```
#bde2f1
```
#bde2f1 rgb(189,226,241)
```
#cde9f5
```
#cde9f5 rgb(205,233,245)
```
#def0f8
```
#def0f8 rgb(222,240,248)
```
#eef7fb
```
#eef7fb rgb(238,247,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6365 is the less saturated color, while #0489bf is the most saturated one.

#5e6365
```
#5e6365 rgb(94,99,101)
```
#57666d
```
#57666d rgb(87,102,109)
```
#4f6974
```
#4f6974 rgb(79,105,116)
```
#486c7c
```
#486c7c rgb(72,108,124)
```
#406f83
```
#406f83 rgb(64,111,131)
```
#39738b
```
#39738b rgb(57,115,139)
```
#317692
```
#317692 rgb(49,118,146)
```
#2a799a
```
#2a799a rgb(42,121,154)
```
#227ca1
```
#227ca1 rgb(34,124,161)
```
#1b7fa9
```
#1b7fa9 rgb(27,127,169)
```
#1382b0
```
#1382b0 rgb(19,130,176)
```
#0c85b8
```
#0c85b8 rgb(12,133,184)
```
#0489bf
```
#0489bf rgb(4,137,191)
```

Tone Color Variation

Below, you can see how #227ca1 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
#586a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f799f Protanopia 1% of men
#6879a9 Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#537aa0 Protanomaly 1% of men, 0.01% of women
#4e7aa6 Deuteranomaly 6% of men, 0.4% of women
#0c8296 Tritanomaly 0.01% of the population

#227ca1 hex color

#227ca1 Color Information

#227ca1 Color Conversion

Color Schemes with #227ca1

Alternatives to #227ca1

#227ca1 Preview

Shades and Tints of #227ca1

Tones of #227ca1

Color Blindness Simulator