#2259fd hex color

In a RGB color space, hex #2259fd is composed of 13.3% red, 34.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 64.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.9 degrees, a saturation of 98.2% and a lightness of 56.3%. #2259fd color hex could be obtained by blending #44b2ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 35
- B 99
RGB color chart
- C 87
- M 65
- Y 0
- K 1
CMYK color chart

● #2259fd color description : Vivid blue.

The hexadecimal color #2259fd has RGB values of R:34, G:89, B:253 and CMYK values of C:0.87, M:0.65, Y:0, K:0.01. Its decimal value is 2251261.

Hex triplet	2259fd	`#2259fd`
RGB Decimal	34, 89, 253	`rgb(34,89,253)`
RGB Percent	13.3, 34.9, 99.2	`rgb(13.3%,34.9%,99.2%)`
CMYK	87, 65, 0, 1
HSL	224.9°, 98.2, 56.3	`hsl(224.9,98.2%,56.3%)`
HSV (or HSB)	224.9°, 86.6, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.046, 43.668, -85.575
XYZ	21.958, 14.575, 94.579
xyY	0.167, 0.111, 14.575
CIE-LCH	45.046, 96.073, 297.035
CIE-LUV	45.046, -17.758, -127.753
Hunter-Lab	38.177, 35.856, -120.16
Binary	00100010, 01011001, 11111101

#2259fd
```
#2259fd rgb(34,89,253)
```
#fdc622
```
#fdc622 rgb(253,198,34)
```

Complementary Color

#22c7fd
```
#22c7fd rgb(34,199,253)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#5922fd
```
#5922fd rgb(89,34,253)
```

Analogous Color

#c7fd22
```
#c7fd22 rgb(199,253,34)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#fd5922
```
#fd5922 rgb(253,89,34)
```

Split Complementary Color

#59fd22
```
#59fd22 rgb(89,253,34)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#fd2259
```
#fd2259 rgb(253,34,89)
```

Triadic Color

#22fdc6
```
#22fdc6 rgb(34,253,198)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#fd2259
```
#fd2259 rgb(253,34,89)
```
#fdc622
```
#fdc622 rgb(253,198,34)
```

Tetradic Color

#0236d1
```
#0236d1 rgb(2,54,209)
```
#023cea
```
#023cea rgb(2,60,234)
```
#0946fd
```
#0946fd rgb(9,70,253)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#3b6cfd
```
#3b6cfd rgb(59,108,253)
```
#557ffd
```
#557ffd rgb(85,127,253)
```
#6e92fe
```
#6e92fe rgb(110,146,254)
```

Monochromatic Color

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

#2290fd
```
#2290fd rgb(34,144,253)
```
#227efd
```
#227efd rgb(34,126,253)
```
#226bfd
```
#226bfd rgb(34,107,253)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#2247fd
```
#2247fd rgb(34,71,253)
```
#2235fd
```
#2235fd rgb(34,53,253)
```
#2222fd
```
#2222fd rgb(34,34,253)
```

Similar Colors

Text with hexadecimal color #2259fd

This text has a font color of #2259fd.

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

#2259fd background color

This paragraph has a background color of #2259fd.

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

#2259fd border color

This element has a border color of #2259fd.

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

CSS codes

.text {color:#2259fd;}

.background {background-color:#2259fd;}

.border {border:1px solid #2259fd;}

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#000820
```
#000820 rgb(0,8,32)
```
#000d33
```
#000d33 rgb(0,13,51)
```
#011247
```
#011247 rgb(1,18,71)
```
#01175a
```
#01175a rgb(1,23,90)
```
#011c6d
```
#011c6d rgb(1,28,109)
```
#012181
```
#012181 rgb(1,33,129)
```
#012694
```
#012694 rgb(1,38,148)
```
#022ba8
```
#022ba8 rgb(2,43,168)
```
#0230bb
```
#0230bb rgb(2,48,187)
```
#0235cf
```
#0235cf rgb(2,53,207)
```
#023ae2
```
#023ae2 rgb(2,58,226)
```
#023ff6
```
#023ff6 rgb(2,63,246)
```

Shade Color Variation

#0f4afd
```
#0f4afd rgb(15,74,253)
```
#2259fd
```
#2259fd rgb(34,89,253)
```
#3568fd
```
#3568fd rgb(53,104,253)
```
#4976fd
```
#4976fd rgb(73,118,253)
```
#5c85fe
```
#5c85fe rgb(92,133,254)
```
#7093fe
```
#7093fe rgb(112,147,254)
```
#83a2fe
```
#83a2fe rgb(131,162,254)
```
#97b1fe
```
#97b1fe rgb(151,177,254)
```
#aabffe
```
#aabffe rgb(170,191,254)
```
#becefe
```
#becefe rgb(190,206,254)
```
#d1dcff
```
#d1dcff rgb(209,220,255)
```
#e4ebff
```
#e4ebff rgb(228,235,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898c96 is the less saturated color, while #2259fd is the most saturated one.

#898c96
```
#898c96 rgb(137,140,150)
```
#80889f
```
#80889f rgb(128,136,159)
```
#7884a7
```
#7884a7 rgb(120,132,167)
```
#6f7fb0
```
#6f7fb0 rgb(111,127,176)
```
#677bb8
```
#677bb8 rgb(103,123,184)
```
#5e77c1
```
#5e77c1 rgb(94,119,193)
```
#5573ca
```
#5573ca rgb(85,115,202)
```
#4d6ed2
```
#4d6ed2 rgb(77,110,210)
```
#446adb
```
#446adb rgb(68,106,219)
```
#3c66e3
```
#3c66e3 rgb(60,102,227)
```
#3362ec
```
#3362ec rgb(51,98,236)
```
#2b5df4
```
#2b5df4 rgb(43,93,244)
```
#2259fd
```
#2259fd rgb(34,89,253)
```

Tone Color Variation

Below, you can see how #2259fd 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
#505b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0c66e5 Protanomaly 1% of men, 0.01% of women
#0c6bd3 Deuteranomaly 6% of men, 0.4% of women
#0c70af Tritanomaly 0.01% of the population

#2259fd hex color

#2259fd Color Information

#2259fd Color Conversion

Color Schemes with #2259fd

Alternatives to #2259fd

#2259fd Preview

Shades and Tints of #2259fd

Tones of #2259fd

Color Blindness Simulator