#225bda hex color

In a RGB color space, hex #225bda is composed of 13.3% red, 35.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 58.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 221.4 degrees, a saturation of 73% and a lightness of 49.4%. #225bda color hex could be obtained by blending #44b6ff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 36
- B 85
RGB color chart
- C 84
- M 58
- Y 0
- K 15
CMYK color chart

● #225bda color description : Bright blue.

The hexadecimal color #225bda has RGB values of R:34, G:91, B:218 and CMYK values of C:0.84, M:0.58, Y:0, K:0.15. Its decimal value is 2251738.

Hex triplet	225bda	`#225bda`
RGB Decimal	34, 91, 218	`rgb(34,91,218)`
RGB Percent	13.3, 35.7, 85.5	`rgb(13.3%,35.7%,85.5%)`
CMYK	84, 58, 0, 15
HSL	221.4°, 73, 49.4	`hsl(221.4,73%,49.4%)`
HSV (or HSB)	221.4°, 84.4, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.586, 29.478, -69.871
XYZ	17.053, 12.883, 67.914
xyY	0.174, 0.132, 12.883
CIE-LCH	42.586, 75.835, 292.875
CIE-LUV	42.586, -18.32, -104.246
Hunter-Lab	35.893, 21.995, -87.06
Binary	00100010, 01011011, 11011010

#225bda
```
#225bda rgb(34,91,218)
```
#daa122
```
#daa122 rgb(218,161,34)
```

Complementary Color

#22b7da
```
#22b7da rgb(34,183,218)
```
#225bda
```
#225bda rgb(34,91,218)
```
#4522da
```
#4522da rgb(69,34,218)
```

Analogous Color

#b7da22
```
#b7da22 rgb(183,218,34)
```
#225bda
```
#225bda rgb(34,91,218)
```
#da4522
```
#da4522 rgb(218,69,34)
```

Split Complementary Color

#5bda22
```
#5bda22 rgb(91,218,34)
```
#225bda
```
#225bda rgb(34,91,218)
```
#da225b
```
#da225b rgb(218,34,91)
```

Triadic Color

#22daa1
```
#22daa1 rgb(34,218,161)
```
#225bda
```
#225bda rgb(34,91,218)
```
#da225b
```
#da225b rgb(218,34,91)
```
#daa122
```
#daa122 rgb(218,161,34)
```

Tetradic Color

#183f98
```
#183f98 rgb(24,63,152)
```
#1b49ae
```
#1b49ae rgb(27,73,174)
```
#1f52c4
```
#1f52c4 rgb(31,82,196)
```
#225bda
```
#225bda rgb(34,91,218)
```
#366ae0
```
#366ae0 rgb(54,106,224)
```
#4c7be3
```
#4c7be3 rgb(76,123,227)
```
#628be7
```
#628be7 rgb(98,139,231)
```

Monochromatic Color

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

#2289da
```
#2289da rgb(34,137,218)
```
#227ada
```
#227ada rgb(34,122,218)
```
#226ada
```
#226ada rgb(34,106,218)
```
#225bda
```
#225bda rgb(34,91,218)
```
#224cda
```
#224cda rgb(34,76,218)
```
#223cda
```
#223cda rgb(34,60,218)
```
#222dda
```
#222dda rgb(34,45,218)
```

Similar Colors

Text with hexadecimal color #225bda

This text has a font color of #225bda.

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

#225bda background color

This paragraph has a background color of #225bda.

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

#225bda border color

This element has a border color of #225bda.

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

CSS codes

.text {color:#225bda;}

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

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

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, #02060e is the darkest color, while #fcfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#050d1f
```
#050d1f rgb(5,13,31)
```
#081430
```
#081430 rgb(8,20,48)
```
#0a1b41
```
#0a1b41 rgb(10,27,65)
```
#0d2252
```
#0d2252 rgb(13,34,82)
```
#0f2963
```
#0f2963 rgb(15,41,99)
```
#123174
```
#123174 rgb(18,49,116)
```
#153885
```
#153885 rgb(21,56,133)
```
#173f96
```
#173f96 rgb(23,63,150)
```
#1a46a7
```
#1a46a7 rgb(26,70,167)
```
#1d4db8
```
#1d4db8 rgb(29,77,184)
```
#1f54c9
```
#1f54c9 rgb(31,84,201)
```
#225bda
```
#225bda rgb(34,91,218)
```

Shade Color Variation

#3167df
```
#3167df rgb(49,103,223)
```
#4273e1
```
#4273e1 rgb(66,115,225)
```
#5380e4
```
#5380e4 rgb(83,128,228)
```
#648ce7
```
#648ce7 rgb(100,140,231)
```
#7599e9
```
#7599e9 rgb(117,153,233)
```
#86a5ec
```
#86a5ec rgb(134,165,236)
```
#97b2ef
```
#97b2ef rgb(151,178,239)
```
#a8bef1
```
#a8bef1 rgb(168,190,241)
```
#b9cbf4
```
#b9cbf4 rgb(185,203,244)
```
#c9d7f7
```
#c9d7f7 rgb(201,215,247)
```
#dae4f9
```
#dae4f9 rgb(218,228,249)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c83 is the less saturated color, while #0550f7 is the most saturated one.

#797c83
```
#797c83 rgb(121,124,131)
```
#70788c
```
#70788c rgb(112,120,140)
```
#667596
```
#667596 rgb(102,117,150)
```
#5c71a0
```
#5c71a0 rgb(92,113,160)
```
#526daa
```
#526daa rgb(82,109,170)
```
#496ab3
```
#496ab3 rgb(73,106,179)
```
#3f66bd
```
#3f66bd rgb(63,102,189)
```
#3562c7
```
#3562c7 rgb(53,98,199)
```
#2c5fd0
```
#2c5fd0 rgb(44,95,208)
```
#225bda
```
#225bda rgb(34,91,218)
```
#1857e4
```
#1857e4 rgb(24,87,228)
```
#0f54ed
```
#0f54ed rgb(15,84,237)
```
#0550f7
```
#0550f7 rgb(5,80,247)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0c64d2 Protanomaly 1% of men, 0.01% of women
#0c67c1 Deuteranomaly 6% of men, 0.4% of women
#0c6d9f Tritanomaly 0.01% of the population

#225bda hex color

#225bda Color Information

#225bda Color Conversion

Color Schemes with #225bda

Alternatives to #225bda

#225bda Preview

Shades and Tints of #225bda

Tones of #225bda

Color Blindness Simulator