#1a60df hex color

In a RGB color space, hex #1a60df is composed of 10.2% red, 37.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 57% magenta, 0% yellow and 12.5% black. It has a hue angle of 218.7 degrees, a saturation of 79.1% and a lightness of 48.8%. #1a60df color hex could be obtained by blending #34c0ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 38
- B 87
RGB color chart
- C 88
- M 57
- Y 0
- K 13
CMYK color chart

● #1a60df color description : Vivid blue.

The hexadecimal color #1a60df has RGB values of R:26, G:96, B:223 and CMYK values of C:0.88, M:0.57, Y:0, K:0.13. Its decimal value is 1728735.

Hex triplet	1a60df	`#1a60df`
RGB Decimal	26, 96, 223	`rgb(26,96,223)`
RGB Percent	10.2, 37.6, 87.5	`rgb(10.2%,37.6%,87.5%)`
CMYK	88, 57, 0, 13
HSL	218.7°, 79.1, 48.8	`hsl(218.7,79.1%,48.8%)`
HSV (or HSB)	218.7°, 88.3, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.106, 27.657, -70.247
XYZ	17.925, 13.912, 71.548
xyY	0.173, 0.135, 13.912
CIE-LCH	44.106, 75.495, 291.49
CIE-LUV	44.106, -20.264, -105.836
Hunter-Lab	37.298, 20.514, -87.626
Binary	00011010, 01100000, 11011111

#1a60df
```
#1a60df rgb(26,96,223)
```
#df991a
```
#df991a rgb(223,153,26)
```

Complementary Color

#1ac3df
```
#1ac3df rgb(26,195,223)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#361adf
```
#361adf rgb(54,26,223)
```

Analogous Color

#c3df1a
```
#c3df1a rgb(195,223,26)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#df361a
```
#df361a rgb(223,54,26)
```

Split Complementary Color

#60df1a
```
#60df1a rgb(96,223,26)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#df1a60
```
#df1a60 rgb(223,26,96)
```

Triadic Color

#1adf99
```
#1adf99 rgb(26,223,153)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#df1a60
```
#df1a60 rgb(223,26,96)
```
#df991a
```
#df991a rgb(223,153,26)
```

Tetradic Color

#12439a
```
#12439a rgb(18,67,154)
```
#154cb1
```
#154cb1 rgb(21,76,177)
```
#1756c8
```
#1756c8 rgb(23,86,200)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#2c6ee6
```
#2c6ee6 rgb(44,110,230)
```
#437ee9
```
#437ee9 rgb(67,126,233)
```
#5a8eec
```
#5a8eec rgb(90,142,236)
```

Monochromatic Color

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

#1a91df
```
#1a91df rgb(26,145,223)
```
#1a81df
```
#1a81df rgb(26,129,223)
```
#1a70df
```
#1a70df rgb(26,112,223)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#1a50df
```
#1a50df rgb(26,80,223)
```
#1a3fdf
```
#1a3fdf rgb(26,63,223)
```
#1a2fdf
```
#1a2fdf rgb(26,47,223)
```

Similar Colors

Text with hexadecimal color #1a60df

This text has a font color of #1a60df.

<span style="color:#1a60df;">Text here</span>

#1a60df background color

This paragraph has a background color of #1a60df.

<p style="background-color:#1a60df;">Content here</p>

#1a60df border color

This element has a border color of #1a60df.

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

CSS codes

.text {color:#1a60df;}

.background {background-color:#1a60df;}

.border {border:1px solid #1a60df;}

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

#01050c
```
#01050c rgb(1,5,12)
```
#030d1e
```
#030d1e rgb(3,13,30)
```
#06142f
```
#06142f rgb(6,20,47)
```
#081c41
```
#081c41 rgb(8,28,65)
```
#0a2352
```
#0a2352 rgb(10,35,82)
```
#0c2b64
```
#0c2b64 rgb(12,43,100)
```
#0e3376
```
#0e3376 rgb(14,51,118)
```
#103a87
```
#103a87 rgb(16,58,135)
```
#124299
```
#124299 rgb(18,66,153)
```
#1449aa
```
#1449aa rgb(20,73,170)
```
#1651bc
```
#1651bc rgb(22,81,188)
```
#1858cd
```
#1858cd rgb(24,88,205)
```
#1a60df
```
#1a60df rgb(26,96,223)
```

Shade Color Variation

#276be6
```
#276be6 rgb(39,107,230)
```
#3877e8
```
#3877e8 rgb(56,119,232)
```
#4a83ea
```
#4a83ea rgb(74,131,234)
```
#5c8fec
```
#5c8fec rgb(92,143,236)
```
#6d9bee
```
#6d9bee rgb(109,155,238)
```
#7fa7f0
```
#7fa7f0 rgb(127,167,240)
```
#90b3f2
```
#90b3f2 rgb(144,179,242)
```
#a2bff4
```
#a2bff4 rgb(162,191,244)
```
#b3cbf6
```
#b3cbf6 rgb(179,203,246)
```
#c5d7f8
```
#c5d7f8 rgb(197,215,248)
```
#d6e3fa
```
#d6e3fa rgb(214,227,250)
```
#e8effc
```
#e8effc rgb(232,239,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c7f is the less saturated color, while #075af2 is the most saturated one.

#7a7c7f
```
#7a7c7f rgb(122,124,127)
```
#707989
```
#707989 rgb(112,121,137)
```
#677692
```
#677692 rgb(103,118,146)
```
#5d739c
```
#5d739c rgb(93,115,156)
```
#5371a6
```
#5371a6 rgb(83,113,166)
```
#4a6eaf
```
#4a6eaf rgb(74,110,175)
```
#406bb9
```
#406bb9 rgb(64,107,185)
```
#3768c2
```
#3768c2 rgb(55,104,194)
```
#2d66cc
```
#2d66cc rgb(45,102,204)
```
#2463d5
```
#2463d5 rgb(36,99,213)
```
#1a60df
```
#1a60df rgb(26,96,223)
```
#105de9
```
#105de9 rgb(16,93,233)
```
#075af2
```
#075af2 rgb(7,90,242)
```

Tone Color Variation

Below, you can see how #1a60df 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

#5a5a5a Achromatopsia 0.005% of the population
#4d5b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0968d8 Protanomaly 1% of men, 0.01% of women
#096bc7 Deuteranomaly 6% of men, 0.4% of women
#0971a3 Tritanomaly 0.01% of the population

#1a60df hex color

#1a60df Color Information

#1a60df Color Conversion

Color Schemes with #1a60df

Alternatives to #1a60df

#1a60df Preview

Shades and Tints of #1a60df

Tones of #1a60df

Color Blindness Simulator