colorhexa.com

#224165 hex color

In a RGB color space, hex #224165 is composed of 13.3% red, 25.5% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 35.6% magenta, 0% yellow and 60.4% black. It has a hue angle of 212.2 degrees, a saturation of 49.6% and a lightness of 26.5%. #224165 color hex could be obtained by blending #4482ca with #000000. Closest websafe color is: #333366.

- R 13
- G 25
- B 40
RGB color chart
- C 66
- M 36
- Y 0
- K 60
CMYK color chart

● #224165 color description : Very dark blue.

The hexadecimal color #224165 has RGB values of R:34, G:65, B:101 and CMYK values of C:0.66, M:0.36, Y:0, K:0.6. Its decimal value is 2244965.

Hex triplet	224165	`#224165`
RGB Decimal	34, 65, 101	`rgb(34,65,101)`
RGB Percent	13.3, 25.5, 39.6	`rgb(13.3%,25.5%,39.6%)`
CMYK	66, 36, 0, 60
HSL	212.2°, 49.6, 26.5	`hsl(212.2,49.6%,26.5%)`
HSV (or HSB)	212.2°, 66.3, 39.6
Web Safe	333366	`#333366`

CIE-LAB	26.905, 1.135, -24.583
XYZ	4.898, 5.06, 13.03
xyY	0.213, 0.22, 5.06
CIE-LCH	26.905, 24.61, 272.643
CIE-LUV	26.905, -12.034, -30.948
Hunter-Lab	22.494, -0.495, -18.597
Binary	00100010, 01000001, 01100101

#224165
```
#224165 rgb(34,65,101)
```
#654622
```
#654622 rgb(101,70,34)
```

Complementary Color

#226365
```
#226365 rgb(34,99,101)
```
#224165
```
#224165 rgb(34,65,101)
```
#252265
```
#252265 rgb(37,34,101)
```

Analogous Color

#636522
```
#636522 rgb(99,101,34)
```
#224165
```
#224165 rgb(34,65,101)
```
#652522
```
#652522 rgb(101,37,34)
```

Split Complementary Color

#416522
```
#416522 rgb(65,101,34)
```
#224165
```
#224165 rgb(34,65,101)
```
#652241
```
#652241 rgb(101,34,65)
```

Triadic Color

#0f1c2c
```
#0f1c2c rgb(15,28,44)
```
#15283f
```
#15283f rgb(21,40,63)
```
#1c3552
```
#1c3552 rgb(28,53,82)
```
#224165
```
#224165 rgb(34,65,101)
```
#284d78
```
#284d78 rgb(40,77,120)
```
#2f5a8b
```
#2f5a8b rgb(47,90,139)
```
#35669e
```
#35669e rgb(53,102,158)
```

Monochromatic Color

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

#225265
```
#225265 rgb(34,82,101)
```
#224c65
```
#224c65 rgb(34,76,101)
```
#224765
```
#224765 rgb(34,71,101)
```
#224165
```
#224165 rgb(34,65,101)
```
#223b65
```
#223b65 rgb(34,59,101)
```
#223665
```
#223665 rgb(34,54,101)
```
#223065
```
#223065 rgb(34,48,101)
```

Similar Colors

Text with hexadecimal color #224165

This text has a font color of #224165.

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

#224165 background color

This paragraph has a background color of #224165.

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

#224165 border color

This element has a border color of #224165.

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

CSS codes

.text {color:#224165;}

.background {background-color:#224165;}

.border {border:1px solid #224165;}

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, #04080d is the darkest color, while #fdfefe is the lightest one.

#04080d
```
#04080d rgb(4,8,13)
```
#09121c
```
#09121c rgb(9,18,28)
```
#0e1b2a
```
#0e1b2a rgb(14,27,42)
```
#132539
```
#132539 rgb(19,37,57)
```
#182e48
```
#182e48 rgb(24,46,72)
```
#1d3856
```
#1d3856 rgb(29,56,86)
```
#224165
```
#224165 rgb(34,65,101)
```
#274a74
```
#274a74 rgb(39,74,116)
```
#2c5482
```
#2c5482 rgb(44,84,130)
```
#315d91
```
#315d91 rgb(49,93,145)
```
#3667a0
```
#3667a0 rgb(54,103,160)
```
#3b70ae
```
#3b70ae rgb(59,112,174)
```
#407abd
```
#407abd rgb(64,122,189)
```

Shade Color Variation

#4d84c3
```
#4d84c3 rgb(77,132,195)
```
#5c8ec8
```
#5c8ec8 rgb(92,142,200)
```
#6b98cd
```
#6b98cd rgb(107,152,205)
```
#79a2d2
```
#79a2d2 rgb(121,162,210)
```
#88acd7
```
#88acd7 rgb(136,172,215)
```
#97b7dc
```
#97b7dc rgb(151,183,220)
```
#a5c1e1
```
#a5c1e1 rgb(165,193,225)
```
#b4cbe6
```
#b4cbe6 rgb(180,203,230)
```
#c3d5eb
```
#c3d5eb rgb(195,213,235)
```
#d1dff0
```
#d1dff0 rgb(209,223,240)
```
#e0e9f5
```
#e0e9f5 rgb(224,233,245)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#414346
```
#414346 rgb(65,67,70)
```
#3c434b
```
#3c434b rgb(60,67,75)
```
#374350
```
#374350 rgb(55,67,80)
```
#324255
```
#324255 rgb(50,66,85)
```
#2c425b
```
#2c425b rgb(44,66,91)
```
#274160
```
#274160 rgb(39,65,96)
```
#224165
```
#224165 rgb(34,65,101)
```
#1d416a
```
#1d416a rgb(29,65,106)
```
#18406f
```
#18406f rgb(24,64,111)
```
#124075
```
#124075 rgb(18,64,117)
```
#0d3f7a
```
#0d3f7a rgb(13,63,122)
```
#083f7f
```
#083f7f rgb(8,63,127)
```
#033f84
```
#033f84 rgb(3,63,132)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#373d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c486b Protanopia 1% of men
#35496d Deuteranopia 1% of men
#1e4f55 Tritanopia 0.001% of the population

Trichromacy

#324568 Protanomaly 1% of men, 0.01% of women
#2e466a Deuteranomaly 6% of men, 0.4% of women
#1f4a5b Tritanomaly 0.01% of the population