#225da6 hex color

In a RGB color space, hex #225da6 is composed of 13.3% red, 36.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 44% magenta, 0% yellow and 34.9% black. It has a hue angle of 213.2 degrees, a saturation of 66% and a lightness of 39.2%. #225da6 color hex could be obtained by blending #44baff with #00004d. Closest websafe color is: #336699.

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

● #225da6 color description : Dark blue.

The hexadecimal color #225da6 has RGB values of R:34, G:93, B:166 and CMYK values of C:0.8, M:0.44, Y:0, K:0.35. Its decimal value is 2252198.

Hex triplet	225da6	`#225da6`
RGB Decimal	34, 93, 166	`rgb(34,93,166)`
RGB Percent	13.3, 36.5, 65.1	`rgb(13.3%,36.5%,65.1%)`
CMYK	80, 44, 0, 35
HSL	213.2°, 66, 39.2	`hsl(213.2,66%,39.2%)`
HSV (or HSB)	213.2°, 79.5, 65.1
Web Safe	336699	`#336699`

CIE-LAB	39.447, 7.983, -44.69
XYZ	11.455, 10.921, 37.579
xyY	0.191, 0.182, 10.921
CIE-LCH	39.447, 45.398, 280.128
CIE-LUV	39.447, -19.867, -65.159
Hunter-Lab	33.047, 4.043, -44.287
Binary	00100010, 01011101, 10100110

#225da6
```
#225da6 rgb(34,93,166)
```
#a66b22
```
#a66b22 rgb(166,107,34)
```

Complementary Color

#229fa6
```
#229fa6 rgb(34,159,166)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#2922a6
```
#2922a6 rgb(41,34,166)
```

Analogous Color

#9fa622
```
#9fa622 rgb(159,166,34)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#a62922
```
#a62922 rgb(166,41,34)
```

Split Complementary Color

#5da622
```
#5da622 rgb(93,166,34)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#a6225d
```
#a6225d rgb(166,34,93)
```

Triadic Color

#22a66b
```
#22a66b rgb(34,166,107)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#a6225d
```
#a6225d rgb(166,34,93)
```
#a66b22
```
#a66b22 rgb(166,107,34)
```

Tetradic Color

#153967
```
#153967 rgb(21,57,103)
```
#19457c
```
#19457c rgb(25,69,124)
```
#1e5191
```
#1e5191 rgb(30,81,145)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#2669bb
```
#2669bb rgb(38,105,187)
```
#2b75d0
```
#2b75d0 rgb(43,117,208)
```
#3d82d7
```
#3d82d7 rgb(61,130,215)
```

Monochromatic Color

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

#227ea6
```
#227ea6 rgb(34,126,166)
```
#2273a6
```
#2273a6 rgb(34,115,166)
```
#2268a6
```
#2268a6 rgb(34,104,166)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#2252a6
```
#2252a6 rgb(34,82,166)
```
#2247a6
```
#2247a6 rgb(34,71,166)
```
#223ca6
```
#223ca6 rgb(34,60,166)
```

Similar Colors

Text with hexadecimal color #225da6

This text has a font color of #225da6.

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

#225da6 background color

This paragraph has a background color of #225da6.

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

#225da6 border color

This element has a border color of #225da6.

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

CSS codes

.text {color:#225da6;}

.background {background-color:#225da6;}

.border {border:1px solid #225da6;}

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

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071424
```
#071424 rgb(7,20,36)
```
#0b1d34
```
#0b1d34 rgb(11,29,52)
```
#0e2644
```
#0e2644 rgb(14,38,68)
```
#112f55
```
#112f55 rgb(17,47,85)
```
#153965
```
#153965 rgb(21,57,101)
```
#184275
```
#184275 rgb(24,66,117)
```
#1b4b85
```
#1b4b85 rgb(27,75,133)
```
#1f5496
```
#1f5496 rgb(31,84,150)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#2566b6
```
#2566b6 rgb(37,102,182)
```
#296fc7
```
#296fc7 rgb(41,111,199)
```

Shade Color Variation

#2f79d4
```
#2f79d4 rgb(47,121,212)
```
#3f83d8
```
#3f83d8 rgb(63,131,216)
```
#4f8edb
```
#4f8edb rgb(79,142,219)
```
#5f98de
```
#5f98de rgb(95,152,222)
```
#70a3e2
```
#70a3e2 rgb(112,163,226)
```
#80ade5
```
#80ade5 rgb(128,173,229)
```
#90b8e8
```
#90b8e8 rgb(144,184,232)
```
#a1c2ec
```
#a1c2ec rgb(161,194,236)
```
#b1cdef
```
#b1cdef rgb(177,205,239)
```
#c1d7f2
```
#c1d7f2 rgb(193,215,242)
```
#d1e2f6
```
#d1e2f6 rgb(209,226,246)
```
#e2ecf9
```
#e2ecf9 rgb(226,236,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#606468
```
#606468 rgb(96,100,104)
```
#586370
```
#586370 rgb(88,99,112)
```
#506278
```
#506278 rgb(80,98,120)
```
#486180
```
#486180 rgb(72,97,128)
```
#416087
```
#416087 rgb(65,96,135)
```
#395f8f
```
#395f8f rgb(57,95,143)
```
#315f97
```
#315f97 rgb(49,95,151)
```
#2a5e9e
```
#2a5e9e rgb(42,94,158)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#1a5cae
```
#1a5cae rgb(26,92,174)
```
#135bb5
```
#135bb5 rgb(19,91,181)
```
#0b5bbd
```
#0b5bbd rgb(11,91,189)
```
#035ac5
```
#035ac5 rgb(3,90,197)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a5664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4263a8 Protanopia 1% of men
#1c66aa Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#3660a7 Protanomaly 1% of men, 0.01% of women
#1e63a8 Deuteranomaly 6% of men, 0.4% of women
#0c6887 Tritanomaly 0.01% of the population

#225da6 hex color

#225da6 Color Information

#225da6 Color Conversion

Color Schemes with #225da6

Alternatives to #225da6

#225da6 Preview

Shades and Tints of #225da6

Tones of #225da6

Color Blindness Simulator