#2270a7 hex color

In a RGB color space, hex #2270a7 is composed of 13.3% red, 43.9% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 32.9% magenta, 0% yellow and 34.5% black. It has a hue angle of 204.8 degrees, a saturation of 66.2% and a lightness of 39.4%. #2270a7 color hex could be obtained by blending #44e0ff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 65
RGB color chart
- C 80
- M 33
- Y 0
- K 35
CMYK color chart

● #2270a7 color description : Dark blue.

The hexadecimal color #2270a7 has RGB values of R:34, G:112, B:167 and CMYK values of C:0.8, M:0.33, Y:0, K:0.35. Its decimal value is 2257063.

Hex triplet	2270a7	`#2270a7`
RGB Decimal	34, 112, 167	`rgb(34,112,167)`
RGB Percent	13.3, 43.9, 65.5	`rgb(13.3%,43.9%,65.5%)`
CMYK	80, 33, 0, 35
HSL	204.8°, 66.2, 39.4	`hsl(204.8,66.2%,39.4%)`
HSV (or HSB)	204.8°, 79.6, 65.5
Web Safe	336699	`#336699`

CIE-LAB	45.245, -3.578, -36.065
XYZ	13.427, 14.717, 38.69
xyY	0.201, 0.22, 14.717
CIE-LCH	45.245, 36.242, 264.334
CIE-LUV	45.245, -26.173, -53.036
Hunter-Lab	38.363, -4.66, -32.941
Binary	00100010, 01110000, 10100111

#2270a7
```
#2270a7 rgb(34,112,167)
```
#a75922
```
#a75922 rgb(167,89,34)
```

Complementary Color

#22a79c
```
#22a79c rgb(34,167,156)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#222ea7
```
#222ea7 rgb(34,46,167)
```

Analogous Color

#a79c22
```
#a79c22 rgb(167,156,34)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#a7222e
```
#a7222e rgb(167,34,46)
```

Split Complementary Color

#70a722
```
#70a722 rgb(112,167,34)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#a72270
```
#a72270 rgb(167,34,112)
```

Triadic Color

#22a759
```
#22a759 rgb(34,167,89)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#a72270
```
#a72270 rgb(167,34,112)
```
#a75922
```
#a75922 rgb(167,89,34)
```

Tetradic Color

#154567
```
#154567 rgb(21,69,103)
```
#19547d
```
#19547d rgb(25,84,125)
```
#1e6292
```
#1e6292 rgb(30,98,146)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#267ebc
```
#267ebc rgb(38,126,188)
```
#2b8cd1
```
#2b8cd1 rgb(43,140,209)
```
#3e98d8
```
#3e98d8 rgb(62,152,216)
```

Monochromatic Color

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

#2291a7
```
#2291a7 rgb(34,145,167)
```
#2286a7
```
#2286a7 rgb(34,134,167)
```
#227ba7
```
#227ba7 rgb(34,123,167)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#2265a7
```
#2265a7 rgb(34,101,167)
```
#225aa7
```
#225aa7 rgb(34,90,167)
```
#224fa7
```
#224fa7 rgb(34,79,167)
```

Similar Colors

Text with hexadecimal color #2270a7

This text has a font color of #2270a7.

<span style="color:#2270a7;">Text here</span>

#2270a7 background color

This paragraph has a background color of #2270a7.

<p style="background-color:#2270a7;">Content here</p>

#2270a7 border color

This element has a border color of #2270a7.

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

CSS codes

.text {color:#2270a7;}

.background {background-color:#2270a7;}

.border {border:1px solid #2270a7;}

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

#010304
```
#010304 rgb(1,3,4)
```
#040e14
```
#040e14 rgb(4,14,20)
```
#071925
```
#071925 rgb(7,25,37)
```
#0b2335
```
#0b2335 rgb(11,35,53)
```
#0e2e45
```
#0e2e45 rgb(14,46,69)
```
#113956
```
#113956 rgb(17,57,86)
```
#154466
```
#154466 rgb(21,68,102)
```
#184f76
```
#184f76 rgb(24,79,118)
```
#1b5a86
```
#1b5a86 rgb(27,90,134)
```
#1f6597
```
#1f6597 rgb(31,101,151)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#257bb7
```
#257bb7 rgb(37,123,183)
```
#2986c8
```
#2986c8 rgb(41,134,200)
```

Shade Color Variation

#2f90d5
```
#2f90d5 rgb(47,144,213)
```
#3f99d8
```
#3f99d8 rgb(63,153,216)
```
#50a2db
```
#50a2db rgb(80,162,219)
```
#60aadf
```
#60aadf rgb(96,170,223)
```
#70b3e2
```
#70b3e2 rgb(112,179,226)
```
#81bce5
```
#81bce5 rgb(129,188,229)
```
#91c4e9
```
#91c4e9 rgb(145,196,233)
```
#a1cdec
```
#a1cdec rgb(161,205,236)
```
#b2d6ef
```
#b2d6ef rgb(178,214,239)
```
#c2def3
```
#c2def3 rgb(194,222,243)
```
#d2e7f6
```
#d2e7f6 rgb(210,231,246)
```
#e2f0f9
```
#e2f0f9 rgb(226,240,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#606569
```
#606569 rgb(96,101,105)
```
#586771
```
#586771 rgb(88,103,113)
```
#506879
```
#506879 rgb(80,104,121)
```
#496980
```
#496980 rgb(73,105,128)
```
#416b88
```
#416b88 rgb(65,107,136)
```
#396c90
```
#396c90 rgb(57,108,144)
```
#316d98
```
#316d98 rgb(49,109,152)
```
#2a6f9f
```
#2a6f9f rgb(42,111,159)
```
#2270a7
```
#2270a7 rgb(34,112,167)
```
#1a71af
```
#1a71af rgb(26,113,175)
```
#1373b6
```
#1373b6 rgb(19,115,182)
```
#0b74be
```
#0b74be rgb(11,116,190)
```
#0375c6
```
#0375c6 rgb(3,117,198)
```

Tone Color Variation

Below, you can see how #2270a7 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

#5f5f5f Achromatopsia 0.005% of the population
#53626d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e71a6 Protanopia 1% of men
#4f72ad Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#4870a6 Protanomaly 1% of men, 0.01% of women
#3e71ab Deuteranomaly 6% of men, 0.4% of women
#0c7892 Tritanomaly 0.01% of the population

#2270a7 hex color

#2270a7 Color Information

#2270a7 Color Conversion

Color Schemes with #2270a7

Alternatives to #2270a7

#2270a7 Preview

Shades and Tints of #2270a7

Tones of #2270a7

Color Blindness Simulator