#1540f9 hex color

In a RGB color space, hex #1540f9 is composed of 8.2% red, 25.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 74.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 228.7 degrees, a saturation of 95% and a lightness of 52.9%. #1540f9 color hex could be obtained by blending #2a80ff with #0000f3. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 25
- B 98
RGB color chart
- C 92
- M 74
- Y 0
- K 2
CMYK color chart

● #1540f9 color description : Vivid blue.

The hexadecimal color #1540f9 has RGB values of R:21, G:64, B:249 and CMYK values of C:0.92, M:0.74, Y:0, K:0.02. Its decimal value is 1392889.

Hex triplet	1540f9	`#1540f9`
RGB Decimal	21, 64, 249	`rgb(21,64,249)`
RGB Percent	8.2, 25.1, 97.6	`rgb(8.2%,25.1%,97.6%)`
CMYK	92, 74, 0, 2
HSL	228.7°, 95, 52.9	`hsl(228.7,95%,52.9%)`
HSV (or HSB)	228.7°, 91.6, 97.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.009, 56.461, -93.313
XYZ	19.238, 10.664, 90.662
xyY	0.16, 0.088, 10.664
CIE-LCH	39.009, 109.065, 301.177
CIE-LUV	39.009, -13.837, -129.626
Hunter-Lab	32.656, 48.008, -141.745
Binary	00010101, 01000000, 11111001

#1540f9
```
#1540f9 rgb(21,64,249)
```
#f9ce15
```
#f9ce15 rgb(249,206,21)
```

Complementary Color

#15b2f9
```
#15b2f9 rgb(21,178,249)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#5c15f9
```
#5c15f9 rgb(92,21,249)
```

Analogous Color

#b2f915
```
#b2f915 rgb(178,249,21)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#f95c15
```
#f95c15 rgb(249,92,21)
```

Split Complementary Color

#40f915
```
#40f915 rgb(64,249,21)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#f91540
```
#f91540 rgb(249,21,64)
```

Triadic Color

#15f9ce
```
#15f9ce rgb(21,249,206)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#f91540
```
#f91540 rgb(249,21,64)
```
#f9ce15
```
#f9ce15 rgb(249,206,21)
```

Tetradic Color

#0528bd
```
#0528bd rgb(5,40,189)
```
#052dd6
```
#052dd6 rgb(5,45,214)
```
#0632ee
```
#0632ee rgb(6,50,238)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#2e54fa
```
#2e54fa rgb(46,84,250)
```
#4769fa
```
#4769fa rgb(71,105,250)
```
#607dfb
```
#607dfb rgb(96,125,251)
```

Monochromatic Color

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

#1579f9
```
#1579f9 rgb(21,121,249)
```
#1566f9
```
#1566f9 rgb(21,102,249)
```
#1553f9
```
#1553f9 rgb(21,83,249)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```
#152df9
```
#152df9 rgb(21,45,249)
```
#151af9
```
#151af9 rgb(21,26,249)
```
#2315f9
```
#2315f9 rgb(35,21,249)
```

Similar Colors

Text with hexadecimal color #1540f9

This text has a font color of #1540f9.

<span style="color:#1540f9;">Text here</span>

#1540f9 background color

This paragraph has a background color of #1540f9.

<p style="background-color:#1540f9;">Content here</p>

#1540f9 border color

This element has a border color of #1540f9.

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

CSS codes

.text {color:#1540f9;}

.background {background-color:#1540f9;}

.border {border:1px solid #1540f9;}

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

#00030f
```
#00030f rgb(0,3,15)
```
#010722
```
#010722 rgb(1,7,34)
```
#010b35
```
#010b35 rgb(1,11,53)
```
#020f48
```
#020f48 rgb(2,15,72)
```
#02135b
```
#02135b rgb(2,19,91)
```
#03176e
```
#03176e rgb(3,23,110)
```
#031b81
```
#031b81 rgb(3,27,129)
```
#041f95
```
#041f95 rgb(4,31,149)
```
#0423a8
```
#0423a8 rgb(4,35,168)
```
#0527bb
```
#0527bb rgb(5,39,187)
```
#052bce
```
#052bce rgb(5,43,206)
```
#062fe1
```
#062fe1 rgb(6,47,225)
```
#0633f4
```
#0633f4 rgb(6,51,244)
```

Shade Color Variation

#1540f9
```
#1540f9 rgb(21,64,249)
```
#2850f9
```
#2850f9 rgb(40,80,249)
```
#3b5ffa
```
#3b5ffa rgb(59,95,250)
```
#4e6ffa
```
#4e6ffa rgb(78,111,250)
```
#627efb
```
#627efb rgb(98,126,251)
```
#758efb
```
#758efb rgb(117,142,251)
```
#889efc
```
#889efc rgb(136,158,252)
```
#9badfc
```
#9badfc rgb(155,173,252)
```
#aebdfd
```
#aebdfd rgb(174,189,253)
```
#c1ccfd
```
#c1ccfd rgb(193,204,253)
```
#d4dcfe
```
#d4dcfe rgb(212,220,254)
```
#e7ecfe
```
#e7ecfe rgb(231,236,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84858a is the less saturated color, while #1540f9 is the most saturated one.

#84858a
```
#84858a rgb(132,133,138)
```
#7b7f93
```
#7b7f93 rgb(123,127,147)
```
#71799d
```
#71799d rgb(113,121,157)
```
#6874a6
```
#6874a6 rgb(104,116,166)
```
#5f6eaf
```
#5f6eaf rgb(95,110,175)
```
#5668b8
```
#5668b8 rgb(86,104,184)
```
#4c62c2
```
#4c62c2 rgb(76,98,194)
```
#435dcb
```
#435dcb rgb(67,93,203)
```
#3a57d4
```
#3a57d4 rgb(58,87,212)
```
#3151dd
```
#3151dd rgb(49,81,221)
```
#274be7
```
#274be7 rgb(39,75,231)
```
#1e46f0
```
#1e46f0 rgb(30,70,240)
```
#1540f9
```
#1540f9 rgb(21,64,249)
```

Tone Color Variation

Below, you can see how #1540f9 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

#484848 Achromatopsia 0.005% of the population
#3e466b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0755d3 Protanomaly 1% of men, 0.01% of women
#0758c2 Deuteranomaly 6% of men, 0.4% of women
#075da3 Tritanomaly 0.01% of the population

#1540f9 hex color

#1540f9 Color Information

#1540f9 Color Conversion

Color Schemes with #1540f9

Alternatives to #1540f9

#1540f9 Preview

Shades and Tints of #1540f9

Tones of #1540f9

Color Blindness Simulator