colorhexa.com

#225de3 hex color

In a RGB color space, hex #225de3 is composed of 13.3% red, 36.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 59% magenta, 0% yellow and 11% black. It has a hue angle of 221.7 degrees, a saturation of 77.5% and a lightness of 51.2%. #225de3 color hex could be obtained by blending #44baff with #0000c7. Closest websafe color is: #3366cc.

- R 13
- G 36
- B 89
RGB color chart
- C 85
- M 59
- Y 0
- K 11
CMYK color chart

● #225de3 color description : Vivid blue.

The hexadecimal color #225de3 has RGB values of R:34, G:93, B:227 and CMYK values of C:0.85, M:0.59, Y:0, K:0.11. Its decimal value is 2252259.

Hex triplet	225de3	`#225de3`
RGB Decimal	34, 93, 227	`rgb(34,93,227)`
RGB Percent	13.3, 36.5, 89	`rgb(13.3%,36.5%,89%)`
CMYK	85, 59, 0, 11
HSL	221.7°, 77.5, 51.2	`hsl(221.7,77.5%,51.2%)`
HSV (or HSB)	221.7°, 85, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.819, 31.592, -72.977
XYZ	18.436, 13.713, 74.344
xyY	0.173, 0.129, 13.713
CIE-LCH	43.819, 79.522, 293.408
CIE-LUV	43.819, -18.756, -109.562
Hunter-Lab	37.032, 24.061, -93.108
Binary	00100010, 01011101, 11100011

#225de3
```
#225de3 rgb(34,93,227)
```
#e3a822
```
#e3a822 rgb(227,168,34)
```

Complementary Color

#22bee3
```
#22bee3 rgb(34,190,227)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#4722e3
```
#4722e3 rgb(71,34,227)
```

Analogous Color

#bee322
```
#bee322 rgb(190,227,34)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#e34722
```
#e34722 rgb(227,71,34)
```

Split Complementary Color

#5de322
```
#5de322 rgb(93,227,34)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#e3225d
```
#e3225d rgb(227,34,93)
```

Triadic Color

#22e3a8
```
#22e3a8 rgb(34,227,168)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#e3225d
```
#e3225d rgb(227,34,93)
```
#e3a822
```
#e3a822 rgb(227,168,34)
```

Tetradic Color

#1540a4
```
#1540a4 rgb(21,64,164)
```
#1849ba
```
#1849ba rgb(24,73,186)
```
#1a52d1
```
#1a52d1 rgb(26,82,209)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#396ee6
```
#396ee6 rgb(57,110,230)
```
#4f7ee9
```
#4f7ee9 rgb(79,126,233)
```
#668fec
```
#668fec rgb(102,143,236)
```

Monochromatic Color

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

#228de3
```
#228de3 rgb(34,141,227)
```
#227de3
```
#227de3 rgb(34,125,227)
```
#226de3
```
#226de3 rgb(34,109,227)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#224de3
```
#224de3 rgb(34,77,227)
```
#223de3
```
#223de3 rgb(34,61,227)
```
#222de3
```
#222de3 rgb(34,45,227)
```

Similar Colors

Text with hexadecimal color #225de3

This text has a font color of #225de3.

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

#225de3 background color

This paragraph has a background color of #225de3.

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

#225de3 border color

This element has a border color of #225de3.

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

CSS codes

.text {color:#225de3;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030917
```
#030917 rgb(3,9,23)
```
#051028
```
#051028 rgb(5,16,40)
```
#07173a
```
#07173a rgb(7,23,58)
```
#091e4b
```
#091e4b rgb(9,30,75)
```
#0c245c
```
#0c245c rgb(12,36,92)
```
#0e2b6e
```
#0e2b6e rgb(14,43,110)
```
#10327f
```
#10327f rgb(16,50,127)
```
#123991
```
#123991 rgb(18,57,145)
```
#1540a2
```
#1540a2 rgb(21,64,162)
```
#1747b3
```
#1747b3 rgb(23,71,179)
```
#194dc5
```
#194dc5 rgb(25,77,197)
```
#1b54d6
```
#1b54d6 rgb(27,84,214)
```

Shade Color Variation

#225de3
```
#225de3 rgb(34,93,227)
```
#336ae5
```
#336ae5 rgb(51,106,229)
```
#4577e7
```
#4577e7 rgb(69,119,231)
```
#5683ea
```
#5683ea rgb(86,131,234)
```
#6890ec
```
#6890ec rgb(104,144,236)
```
#799dee
```
#799dee rgb(121,157,238)
```
#8aaaf0
```
#8aaaf0 rgb(138,170,240)
```
#9cb6f2
```
#9cb6f2 rgb(156,182,242)
```
#adc3f5
```
#adc3f5 rgb(173,195,245)
```
#bfd0f7
```
#bfd0f7 rgb(191,208,247)
```
#d0ddf9
```
#d0ddf9 rgb(208,221,249)
```
#e2e9fb
```
#e2e9fb rgb(226,233,251)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

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

#828283
```
#828283 rgb(130,130,131)
```
#787e8d
```
#787e8d rgb(120,126,141)
```
#6f7b96
```
#6f7b96 rgb(111,123,150)
```
#6577a0
```
#6577a0 rgb(101,119,160)
```
#5b73aa
```
#5b73aa rgb(91,115,170)
```
#5270b3
```
#5270b3 rgb(82,112,179)
```
#486cbd
```
#486cbd rgb(72,108,189)
```
#3f68c6
```
#3f68c6 rgb(63,104,198)
```
#3564d0
```
#3564d0 rgb(53,100,208)
```
#2c61d9
```
#2c61d9 rgb(44,97,217)
```
#225de3
```
#225de3 rgb(34,93,227)
```
#1859ed
```
#1859ed rgb(24,89,237)
```
#0f56f6
```
#0f56f6 rgb(15,86,246)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#505b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0c66d9 Protanomaly 1% of men, 0.01% of women
#0c6ac7 Deuteranomaly 6% of men, 0.4% of women
#0c6fa4 Tritanomaly 0.01% of the population