#2260f6 hex color

In a RGB color space, hex #2260f6 is composed of 13.3% red, 37.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 61% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.5 degrees, a saturation of 92.2% and a lightness of 54.9%. #2260f6 color hex could be obtained by blending #44c0ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 38
- B 96
RGB color chart
- C 86
- M 61
- Y 0
- K 4
CMYK color chart

● #2260f6 color description : Vivid blue.

The hexadecimal color #2260f6 has RGB values of R:34, G:96, B:246 and CMYK values of C:0.86, M:0.61, Y:0, K:0.04. Its decimal value is 2253046.

Hex triplet	2260f6	`#2260f6`
RGB Decimal	34, 96, 246	`rgb(34,96,246)`
RGB Percent	13.3, 37.6, 96.5	`rgb(13.3%,37.6%,96.5%)`
CMYK	86, 61, 0, 4
HSL	222.5°, 92.2, 54.9	`hsl(222.5,92.2%,54.9%)`
HSV (or HSB)	222.5°, 86.2, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.121, 36.766, -79.906
XYZ	21.474, 15.358, 89.016
xyY	0.171, 0.122, 15.358
CIE-LCH	46.121, 87.959, 294.708
CIE-LUV	46.121, -19.369, -121.088
Hunter-Lab	39.189, 29.227, -107.242
Binary	00100010, 01100000, 11110110

#2260f6
```
#2260f6 rgb(34,96,246)
```
#f6b822
```
#f6b822 rgb(246,184,34)
```

Complementary Color

#22caf6
```
#22caf6 rgb(34,202,246)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#4e22f6
```
#4e22f6 rgb(78,34,246)
```

Analogous Color

#caf622
```
#caf622 rgb(202,246,34)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#f64e22
```
#f64e22 rgb(246,78,34)
```

Split Complementary Color

#60f622
```
#60f622 rgb(96,246,34)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#f62260
```
#f62260 rgb(246,34,96)
```

Triadic Color

#22f6b8
```
#22f6b8 rgb(34,246,184)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#f62260
```
#f62260 rgb(246,34,96)
```
#f6b822
```
#f6b822 rgb(246,184,34)
```

Tetradic Color

#083fc4
```
#083fc4 rgb(8,63,196)
```
#0947dc
```
#0947dc rgb(9,71,220)
```
#0a4ff5
```
#0a4ff5 rgb(10,79,245)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#3b72f7
```
#3b72f7 rgb(59,114,247)
```
#5383f8
```
#5383f8 rgb(83,131,248)
```
#6c95f9
```
#6c95f9 rgb(108,149,249)
```

Monochromatic Color

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

#2295f6
```
#2295f6 rgb(34,149,246)
```
#2283f6
```
#2283f6 rgb(34,131,246)
```
#2272f6
```
#2272f6 rgb(34,114,246)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#224ef6
```
#224ef6 rgb(34,78,246)
```
#223df6
```
#223df6 rgb(34,61,246)
```
#222bf6
```
#222bf6 rgb(34,43,246)
```

Similar Colors

Text with hexadecimal color #2260f6

This text has a font color of #2260f6.

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

#2260f6 background color

This paragraph has a background color of #2260f6.

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

#2260f6 border color

This element has a border color of #2260f6.

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

CSS codes

.text {color:#2260f6;}

.background {background-color:#2260f6;}

.border {border:1px solid #2260f6;}

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

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#020e2b
```
#020e2b rgb(2,14,43)
```
#03143e
```
#03143e rgb(3,20,62)
```
#031a51
```
#031a51 rgb(3,26,81)
```
#042063
```
#042063 rgb(4,32,99)
```
#052676
```
#052676 rgb(5,38,118)
```
#062c89
```
#062c89 rgb(6,44,137)
```
#06329c
```
#06329c rgb(6,50,156)
```
#0738af
```
#0738af rgb(7,56,175)
```
#083ec2
```
#083ec2 rgb(8,62,194)
```
#0944d5
```
#0944d5 rgb(9,68,213)
```
#094ae7
```
#094ae7 rgb(9,74,231)
```

Shade Color Variation

#0f52f5
```
#0f52f5 rgb(15,82,245)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#356ef7
```
#356ef7 rgb(53,110,247)
```
#487bf8
```
#487bf8 rgb(72,123,248)
```
#5b89f8
```
#5b89f8 rgb(91,137,248)
```
#6d96f9
```
#6d96f9 rgb(109,150,249)
```
#80a4fa
```
#80a4fa rgb(128,164,250)
```
#93b1fb
```
#93b1fb rgb(147,177,251)
```
#a6bffb
```
#a6bffb rgb(166,191,251)
```
#b9ccfc
```
#b9ccfc rgb(185,204,252)
```
#ccdafd
```
#ccdafd rgb(204,218,253)
```
#dee8fe
```
#dee8fe rgb(222,232,254)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

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

#838895
```
#838895 rgb(131,136,149)
```
#7a859e
```
#7a859e rgb(122,133,158)
```
#7281a6
```
#7281a6 rgb(114,129,166)
```
#697daf
```
#697daf rgb(105,125,175)
```
#607ab8
```
#607ab8 rgb(96,122,184)
```
#5776c1
```
#5776c1 rgb(87,118,193)
```
#4e72ca
```
#4e72ca rgb(78,114,202)
```
#456fd3
```
#456fd3 rgb(69,111,211)
```
#3d6bdb
```
#3d6bdb rgb(61,107,219)
```
#3467e4
```
#3467e4 rgb(52,103,228)
```
#2b64ed
```
#2b64ed rgb(43,100,237)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#195cff
```
#195cff rgb(25,92,255)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#535f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#0c6be6 Protanomaly 1% of men, 0.01% of women
#0c6fd4 Deuteranomaly 6% of men, 0.4% of women
#0c74af Tritanomaly 0.01% of the population

#2260f6 hex color

#2260f6 Color Information

#2260f6 Color Conversion

Color Schemes with #2260f6

Alternatives to #2260f6

#2260f6 Preview

Shades and Tints of #2260f6

Tones of #2260f6

Color Blindness Simulator