#2660ff hex color

In a RGB color space, hex #2660ff is composed of 14.9% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 224 degrees, a saturation of 100% and a lightness of 57.5%. #2660ff color hex could be obtained by blending #4cc0ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 38
- B 100
RGB color chart
- C 85
- M 62
- Y 0
- K 0
CMYK color chart

● #2660ff color description : Vivid blue.

The hexadecimal color #2660ff has RGB values of R:38, G:96, B:255 and CMYK values of C:0.85, M:0.62, Y:0, K:0. Its decimal value is 2515199.

Hex triplet	2660ff	`#2660ff`
RGB Decimal	38, 96, 255	`rgb(38,96,255)`
RGB Percent	14.9, 37.6, 100	`rgb(14.9%,37.6%,100%)`
CMYK	85, 62, 0, 0
HSL	224°, 100, 57.5	`hsl(224,100%,57.5%)`
HSV (or HSB)	224°, 85.1, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.969, 40.287, -83.528
XYZ	23.028, 15.996, 96.476
xyY	0.17, 0.118, 15.996
CIE-LCH	46.969, 92.736, 295.749
CIE-LUV	46.969, -18.982, -126.833
Hunter-Lab	39.995, 32.786, -115.023
Binary	00100110, 01100000, 11111111

#2660ff
```
#2660ff rgb(38,96,255)
```
#ffc526
```
#ffc526 rgb(255,197,38)
```

Complementary Color

#26cdff
```
#26cdff rgb(38,205,255)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#5926ff
```
#5926ff rgb(89,38,255)
```

Analogous Color

#cdff26
```
#cdff26 rgb(205,255,38)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#ff5926
```
#ff5926 rgb(255,89,38)
```

Split Complementary Color

#60ff26
```
#60ff26 rgb(96,255,38)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#ff2660
```
#ff2660 rgb(255,38,96)
```

Triadic Color

#26ffc5
```
#26ffc5 rgb(38,255,197)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#ff2660
```
#ff2660 rgb(255,38,96)
```
#ffc526
```
#ffc526 rgb(255,197,38)
```

Tetradic Color

#003ad9
```
#003ad9 rgb(0,58,217)
```
#0041f2
```
#0041f2 rgb(0,65,242)
```
#0d4dff
```
#0d4dff rgb(13,77,255)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#4073ff
```
#4073ff rgb(64,115,255)
```
#5985ff
```
#5985ff rgb(89,133,255)
```
#7398ff
```
#7398ff rgb(115,152,255)
```

Monochromatic Color

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

#2696ff
```
#2696ff rgb(38,150,255)
```
#2684ff
```
#2684ff rgb(38,132,255)
```
#2672ff
```
#2672ff rgb(38,114,255)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#264eff
```
#264eff rgb(38,78,255)
```
#263cff
```
#263cff rgb(38,60,255)
```
#262aff
```
#262aff rgb(38,42,255)
```

Similar Colors

Text with hexadecimal color #2660ff

This text has a font color of #2660ff.

<span style="color:#2660ff;">Text here</span>

#2660ff background color

This paragraph has a background color of #2660ff.

<p style="background-color:#2660ff;">Content here</p>

#2660ff border color

This element has a border color of #2660ff.

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

CSS codes

.text {color:#2660ff;}

.background {background-color:#2660ff;}

.border {border:1px solid #2660ff;}

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

#000512
```
#000512 rgb(0,5,18)
```
#000a26
```
#000a26 rgb(0,10,38)
```
#000f3a
```
#000f3a rgb(0,15,58)
```
#00154d
```
#00154d rgb(0,21,77)
```
#001a61
```
#001a61 rgb(0,26,97)
```
#001f74
```
#001f74 rgb(0,31,116)
```
#002488
```
#002488 rgb(0,36,136)
```
#002a9c
```
#002a9c rgb(0,42,156)
```
#002faf
```
#002faf rgb(0,47,175)
```
#0034c3
```
#0034c3 rgb(0,52,195)
```
#0039d7
```
#0039d7 rgb(0,57,215)
```
#003fea
```
#003fea rgb(0,63,234)
```
#0044fe
```
#0044fe rgb(0,68,254)
```

Shade Color Variation

#1252ff
```
#1252ff rgb(18,82,255)
```
#2660ff
```
#2660ff rgb(38,96,255)
```
#3a6eff
```
#3a6eff rgb(58,110,255)
```
#4d7dff
```
#4d7dff rgb(77,125,255)
```
#618bff
```
#618bff rgb(97,139,255)
```
#7499ff
```
#7499ff rgb(116,153,255)
```
#88a8ff
```
#88a8ff rgb(136,168,255)
```
#9cb6ff
```
#9cb6ff rgb(156,182,255)
```
#afc5ff
```
#afc5ff rgb(175,197,255)
```
#c3d3ff
```
#c3d3ff rgb(195,211,255)
```
#d7e1ff
```
#d7e1ff rgb(215,225,255)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8f9b is the less saturated color, while #2660ff is the most saturated one.

#8a8f9b
```
#8a8f9b rgb(138,143,155)
```
#828ba3
```
#828ba3 rgb(130,139,163)
```
#7987ac
```
#7987ac rgb(121,135,172)
```
#7183b4
```
#7183b4 rgb(113,131,180)
```
#697fbc
```
#697fbc rgb(105,127,188)
```
#607bc5
```
#607bc5 rgb(96,123,197)
```
#5877cd
```
#5877cd rgb(88,119,205)
```
#5073d5
```
#5073d5 rgb(80,115,213)
```
#4770de
```
#4770de rgb(71,112,222)
```
#3f6ce6
```
#3f6ce6 rgb(63,108,230)
```
#3768ee
```
#3768ee rgb(55,104,238)
```
#2e64f7
```
#2e64f7 rgb(46,100,247)
```
#2660ff
```
#2660ff rgb(38,96,255)
```

Tone Color Variation

Below, you can see how #2660ff 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

#616161 Achromatopsia 0.005% of the population
#556181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0d6ceb Protanomaly 1% of men, 0.01% of women
#0d70d9 Deuteranomaly 6% of men, 0.4% of women
#0d76b4 Tritanomaly 0.01% of the population

#2660ff hex color

#2660ff Color Information

#2660ff Color Conversion

Color Schemes with #2660ff

Alternatives to #2660ff

#2660ff Preview

Shades and Tints of #2660ff

Tones of #2660ff

Color Blindness Simulator