#1a7dff hex color

In a RGB color space, hex #1a7dff is composed of 10.2% red, 49% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 51% magenta, 0% yellow and 0% black. It has a hue angle of 214.1 degrees, a saturation of 100% and a lightness of 55.1%. #1a7dff color hex could be obtained by blending #34faff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 10
- G 49
- B 100
RGB color chart
- C 90
- M 51
- Y 0
- K 0
CMYK color chart

● #1a7dff color description : Vivid blue.

The hexadecimal color #1a7dff has RGB values of R:26, G:125, B:255 and CMYK values of C:0.9, M:0.51, Y:0, K:0. Its decimal value is 1736191.

Hex triplet	1a7dff	`#1a7dff`
RGB Decimal	26, 125, 255	`rgb(26,125,255)`
RGB Percent	10.2, 49, 100	`rgb(10.2%,49%,100%)`
CMYK	90, 51, 0, 0
HSL	214.1°, 100, 55.1	`hsl(214.1,100%,55.1%)`
HSV (or HSB)	214.1°, 89.8, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.138, 21.446, -71.851
XYZ	25.806, 22.105, 97.509
xyY	0.177, 0.152, 22.105
CIE-LCH	54.138, 74.983, 286.619
CIE-LUV	54.138, -27.456, -114.173
Hunter-Lab	47.016, 15.697, -90.055
Binary	00011010, 01111101, 11111111

#1a7dff
```
#1a7dff rgb(26,125,255)
```
#ff9c1a
```
#ff9c1a rgb(255,156,26)
```

Complementary Color

#1af0ff
```
#1af0ff rgb(26,240,255)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#2a1aff
```
#2a1aff rgb(42,26,255)
```

Analogous Color

#f0ff1a
```
#f0ff1a rgb(240,255,26)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#ff2a1a
```
#ff2a1a rgb(255,42,26)
```

Split Complementary Color

#7dff1a
```
#7dff1a rgb(125,255,26)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#ff1a7d
```
#ff1a7d rgb(255,26,125)
```

Triadic Color

#1aff9c
```
#1aff9c rgb(26,255,156)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#ff1a7d
```
#ff1a7d rgb(255,26,125)
```
#ff9c1a
```
#ff9c1a rgb(255,156,26)
```

Tetradic Color

#0058cd
```
#0058cd rgb(0,88,205)
```
#0063e6
```
#0063e6 rgb(0,99,230)
```
#006fff
```
#006fff rgb(0,111,255)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#348bff
```
#348bff rgb(52,139,255)
```
#4d9aff
```
#4d9aff rgb(77,154,255)
```
#67a8ff
```
#67a8ff rgb(103,168,255)
```

Monochromatic Color

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

#1ab6ff
```
#1ab6ff rgb(26,182,255)
```
#1aa3ff
```
#1aa3ff rgb(26,163,255)
```
#1a90ff
```
#1a90ff rgb(26,144,255)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#1a6aff
```
#1a6aff rgb(26,106,255)
```
#1a57ff
```
#1a57ff rgb(26,87,255)
```
#1a44ff
```
#1a44ff rgb(26,68,255)
```

Similar Colors

Text with hexadecimal color #1a7dff

This text has a font color of #1a7dff.

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

#1a7dff background color

This paragraph has a background color of #1a7dff.

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

#1a7dff border color

This element has a border color of #1a7dff.

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

CSS codes

.text {color:#1a7dff;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000b1a
```
#000b1a rgb(0,11,26)
```
#00142e
```
#00142e rgb(0,20,46)
```
#001c41
```
#001c41 rgb(0,28,65)
```
#002555
```
#002555 rgb(0,37,85)
```
#002d68
```
#002d68 rgb(0,45,104)
```
#00367c
```
#00367c rgb(0,54,124)
```
#003e90
```
#003e90 rgb(0,62,144)
```
#0047a3
```
#0047a3 rgb(0,71,163)
```
#004fb7
```
#004fb7 rgb(0,79,183)
```
#0058cb
```
#0058cb rgb(0,88,203)
```
#0060de
```
#0060de rgb(0,96,222)
```
#0069f2
```
#0069f2 rgb(0,105,242)
```

Shade Color Variation

#0672ff
```
#0672ff rgb(6,114,255)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#2e88ff
```
#2e88ff rgb(46,136,255)
```
#4193ff
```
#4193ff rgb(65,147,255)
```
#559eff
```
#559eff rgb(85,158,255)
```
#68aaff
```
#68aaff rgb(104,170,255)
```
#7cb5ff
```
#7cb5ff rgb(124,181,255)
```
#90c0ff
```
#90c0ff rgb(144,192,255)
```
#a3cbff
```
#a3cbff rgb(163,203,255)
```
#b7d6ff
```
#b7d6ff rgb(183,214,255)
```
#cbe1ff
```
#cbe1ff rgb(203,225,255)
```
#deecff
```
#deecff rgb(222,236,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b95 is the less saturated color, while #1a7dff is the most saturated one.

#848b95
```
#848b95 rgb(132,139,149)
```
#7b8a9e
```
#7b8a9e rgb(123,138,158)
```
#7289a7
```
#7289a7 rgb(114,137,167)
```
#6988b0
```
#6988b0 rgb(105,136,176)
```
#6087b9
```
#6087b9 rgb(96,135,185)
```
#5885c1
```
#5885c1 rgb(88,133,193)
```
#4f84ca
```
#4f84ca rgb(79,132,202)
```
#4683d3
```
#4683d3 rgb(70,131,211)
```
#3d82dc
```
#3d82dc rgb(61,130,220)
```
#3481e5
```
#3481e5 rgb(52,129,229)
```
#2c7fed
```
#2c7fed rgb(44,127,237)
```
#237ef6
```
#237ef6 rgb(35,126,246)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5d718b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2583ff Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#2181ff Protanomaly 1% of men, 0.01% of women
#0985ed Deuteranomaly 6% of men, 0.4% of women
#098cc1 Tritanomaly 0.01% of the population

#1a7dff hex color

#1a7dff Color Information

#1a7dff Color Conversion

Color Schemes with #1a7dff

Alternatives to #1a7dff

#1a7dff Preview

Shades and Tints of #1a7dff

Tones of #1a7dff

Color Blindness Simulator