#1945ff hex color

In a RGB color space, hex #1945ff is composed of 9.8% red, 27.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 72.9% magenta, 0% yellow and 0% black. It has a hue angle of 228.5 degrees, a saturation of 100% and a lightness of 54.9%. #1945ff color hex could be obtained by blending #328aff with #0000ff. Closest websafe color is: #0033ff.

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

● #1945ff color description : Vivid blue.

The hexadecimal color #1945ff has RGB values of R:25, G:69, B:255 and CMYK values of C:0.9, M:0.73, Y:0, K:0. Its decimal value is 1656319.

Hex triplet	1945ff	`#1945ff`
RGB Decimal	25, 69, 255	`rgb(25,69,255)`
RGB Percent	9.8, 27.1, 100	`rgb(9.8%,27.1%,100%)`
CMYK	90, 73, 0, 0
HSL	228.5°, 100, 54.9	`hsl(228.5,100%,54.9%)`
HSV (or HSB)	228.5°, 90.2, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.705, 55.802, -93.86
XYZ	20.575, 11.681, 95.773
xyY	0.161, 0.091, 11.681
CIE-LCH	40.705, 109.195, 300.732
CIE-LUV	40.705, -14.543, -132.674
Hunter-Lab	34.178, 47.647, -142.217
Binary	00011001, 01000101, 11111111

#1945ff
```
#1945ff rgb(25,69,255)
```
#ffd319
```
#ffd319 rgb(255,211,25)
```

Complementary Color

#19b8ff
```
#19b8ff rgb(25,184,255)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#6019ff
```
#6019ff rgb(96,25,255)
```

Analogous Color

#b8ff19
```
#b8ff19 rgb(184,255,25)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#ff6019
```
#ff6019 rgb(255,96,25)
```

Split Complementary Color

#45ff19
```
#45ff19 rgb(69,255,25)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#ff1945
```
#ff1945 rgb(255,25,69)
```

Triadic Color

#19ffd3
```
#19ffd3 rgb(25,255,211)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#ff1945
```
#ff1945 rgb(255,25,69)
```
#ffd319
```
#ffd319 rgb(255,211,25)
```

Tetradic Color

#0027cc
```
#0027cc rgb(0,39,204)
```
#002ce5
```
#002ce5 rgb(0,44,229)
```
#0031ff
```
#0031ff rgb(0,49,255)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#335aff
```
#335aff rgb(51,90,255)
```
#4c6eff
```
#4c6eff rgb(76,110,255)
```
#6683ff
```
#6683ff rgb(102,131,255)
```

Monochromatic Color

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

#197fff
```
#197fff rgb(25,127,255)
```
#196bff
```
#196bff rgb(25,107,255)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#1932ff
```
#1932ff rgb(25,50,255)
```
#191fff
```
#191fff rgb(25,31,255)
```
#2719ff
```
#2719ff rgb(39,25,255)
```

Similar Colors

Text with hexadecimal color #1945ff

This text has a font color of #1945ff.

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

#1945ff background color

This paragraph has a background color of #1945ff.

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

#1945ff border color

This element has a border color of #1945ff.

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

CSS codes

.text {color:#1945ff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000519
```
#000519 rgb(0,5,25)
```
#00092d
```
#00092d rgb(0,9,45)
```
#000c40
```
#000c40 rgb(0,12,64)
```
#001054
```
#001054 rgb(0,16,84)
```
#001467
```
#001467 rgb(0,20,103)
```
#00187b
```
#00187b rgb(0,24,123)
```
#001b8f
```
#001b8f rgb(0,27,143)
```
#001fa2
```
#001fa2 rgb(0,31,162)
```
#0023b6
```
#0023b6 rgb(0,35,182)
```
#0027ca
```
#0027ca rgb(0,39,202)
```
#002add
```
#002add rgb(0,42,221)
```
#002ef1
```
#002ef1 rgb(0,46,241)
```

Shade Color Variation

#0535ff
```
#0535ff rgb(5,53,255)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#2d55ff
```
#2d55ff rgb(45,85,255)
```
#4065ff
```
#4065ff rgb(64,101,255)
```
#5475ff
```
#5475ff rgb(84,117,255)
```
#6784ff
```
#6784ff rgb(103,132,255)
```
#7b94ff
```
#7b94ff rgb(123,148,255)
```
#8fa4ff
```
#8fa4ff rgb(143,164,255)
```
#a2b4ff
```
#a2b4ff rgb(162,180,255)
```
#b6c4ff
```
#b6c4ff rgb(182,196,255)
```
#cad4ff
```
#cad4ff rgb(202,212,255)
```
#dde4ff
```
#dde4ff rgb(221,228,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#838795
```
#838795 rgb(131,135,149)
```
#7a819e
```
#7a819e rgb(122,129,158)
```
#717ca7
```
#717ca7 rgb(113,124,167)
```
#6976af
```
#6976af rgb(105,118,175)
```
#6071b8
```
#6071b8 rgb(96,113,184)
```
#576bc1
```
#576bc1 rgb(87,107,193)
```
#4e66ca
```
#4e66ca rgb(78,102,202)
```
#4560d3
```
#4560d3 rgb(69,96,211)
```
#3c5bdc
```
#3c5bdc rgb(60,91,220)
```
#3455e4
```
#3455e4 rgb(52,85,228)
```
#2b50ed
```
#2b50ed rgb(43,80,237)
```
#224af6
```
#224af6 rgb(34,74,246)
```
#1945ff
```
#1945ff rgb(25,69,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#434b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0959d9 Protanomaly 1% of men, 0.01% of women
#095dc9 Deuteranomaly 6% of men, 0.4% of women
#0962a8 Tritanomaly 0.01% of the population

#1945ff hex color

#1945ff Color Information

#1945ff Color Conversion

Color Schemes with #1945ff

Alternatives to #1945ff

#1945ff Preview

Shades and Tints of #1945ff

Tones of #1945ff

Color Blindness Simulator