#1f25ff hex color

In a RGB color space, hex #1f25ff is composed of 12.2% red, 14.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 85.5% magenta, 0% yellow and 0% black. It has a hue angle of 238.4 degrees, a saturation of 100% and a lightness of 56.1%. #1f25ff color hex could be obtained by blending #3e4aff with #0000ff. Closest websafe color is: #3333ff.

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

● #1f25ff color description : Vivid blue.

The hexadecimal color #1f25ff has RGB values of R:31, G:37, B:255 and CMYK values of C:0.88, M:0.85, Y:0, K:0. Its decimal value is 2041343.

Hex triplet	1f25ff	`#1f25ff`
RGB Decimal	31, 37, 255	`rgb(31,37,255)`
RGB Percent	12.2, 14.5, 100	`rgb(12.2%,14.5%,100%)`
CMYK	88, 85, 0, 0
HSL	238.4°, 100, 56.1	`hsl(238.4,100%,56.1%)`
HSV (or HSB)	238.4°, 87.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.661, 71.072, -102.235
XYZ	19.273, 8.833, 95.291
xyY	0.156, 0.072, 8.833
CIE-LCH	35.661, 124.512, 304.806
CIE-LUV	35.661, -10.054, -132.906
Hunter-Lab	29.72, 63.743, -169.295
Binary	00011111, 00100101, 11111111

#1f25ff
```
#1f25ff rgb(31,37,255)
```
#fff91f
```
#fff91f rgb(255,249,31)
```

Complementary Color

#1f95ff
```
#1f95ff rgb(31,149,255)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#891fff
```
#891fff rgb(137,31,255)
```

Analogous Color

#95ff1f
```
#95ff1f rgb(149,255,31)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#ff891f
```
#ff891f rgb(255,137,31)
```

Split Complementary Color

#25ff1f
```
#25ff1f rgb(37,255,31)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#ff1f25
```
#ff1f25 rgb(255,31,37)
```

Triadic Color

#1ffff9
```
#1ffff9 rgb(31,255,249)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#ff1f25
```
#ff1f25 rgb(255,31,37)
```
#fff91f
```
#fff91f rgb(255,249,31)
```

Tetradic Color

#0006d2
```
#0006d2 rgb(0,6,210)
```
#0006eb
```
#0006eb rgb(0,6,235)
```
#050cff
```
#050cff rgb(5,12,255)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#393eff
```
#393eff rgb(57,62,255)
```
#5257ff
```
#5257ff rgb(82,87,255)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```

Monochromatic Color

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

#1f5dff
```
#1f5dff rgb(31,93,255)
```
#1f4aff
```
#1f4aff rgb(31,74,255)
```
#1f38ff
```
#1f38ff rgb(31,56,255)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#2c1fff
```
#2c1fff rgb(44,31,255)
```
#3e1fff
```
#3e1fff rgb(62,31,255)
```
#511fff
```
#511fff rgb(81,31,255)
```

Similar Colors

Text with hexadecimal color #1f25ff

This text has a font color of #1f25ff.

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

#1f25ff background color

This paragraph has a background color of #1f25ff.

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

#1f25ff border color

This element has a border color of #1f25ff.

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

CSS codes

.text {color:#1f25ff;}

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

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

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, #00000b is the darkest color, while #f7f7ff is the lightest one.

#00000b
```
#00000b rgb(0,0,11)
```
#00011f
```
#00011f rgb(0,1,31)
```
#000133
```
#000133 rgb(0,1,51)
```
#000246
```
#000246 rgb(0,2,70)
```
#00025a
```
#00025a rgb(0,2,90)
```
#00036d
```
#00036d rgb(0,3,109)
```
#000381
```
#000381 rgb(0,3,129)
```
#000495
```
#000495 rgb(0,4,149)
```
#0005a8
```
#0005a8 rgb(0,5,168)
```
#0005bc
```
#0005bc rgb(0,5,188)
```
#0006d0
```
#0006d0 rgb(0,6,208)
```
#0006e3
```
#0006e3 rgb(0,6,227)
```
#0007f7
```
#0007f7 rgb(0,7,247)
```

Shade Color Variation

#0b12ff
```
#0b12ff rgb(11,18,255)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```
#3338ff
```
#3338ff rgb(51,56,255)
```
#464bff
```
#464bff rgb(70,75,255)
```
#5a5eff
```
#5a5eff rgb(90,94,255)
```
#6d71ff
```
#6d71ff rgb(109,113,255)
```
#8184ff
```
#8184ff rgb(129,132,255)
```
#9598ff
```
#9598ff rgb(149,152,255)
```
#a8abff
```
#a8abff rgb(168,171,255)
```
#bcbeff
```
#bcbeff rgb(188,190,255)
```
#d0d1ff
```
#d0d1ff rgb(208,209,255)
```
#e3e4ff
```
#e3e4ff rgb(227,228,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

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

#868798
```
#868798 rgb(134,135,152)
```
#7e7fa0
```
#7e7fa0 rgb(126,127,160)
```
#7577a9
```
#7577a9 rgb(117,119,169)
```
#6d6eb1
```
#6d6eb1 rgb(109,110,177)
```
#6466ba
```
#6466ba rgb(100,102,186)
```
#5b5ec3
```
#5b5ec3 rgb(91,94,195)
```
#5356cb
```
#5356cb rgb(83,86,203)
```
#4a4ed4
```
#4a4ed4 rgb(74,78,212)
```
#4146dd
```
#4146dd rgb(65,70,221)
```
#393de5
```
#393de5 rgb(57,61,229)
```
#3035ee
```
#3035ee rgb(48,53,238)
```
#282df6
```
#282df6 rgb(40,45,246)
```
#1f25ff
```
#1f25ff rgb(31,37,255)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0b46cc Protanomaly 1% of men, 0.01% of women
#0b4abc Deuteranomaly 6% of men, 0.4% of women
#0b4ea0 Tritanomaly 0.01% of the population

#1f25ff hex color

#1f25ff Color Information

#1f25ff Color Conversion

Color Schemes with #1f25ff

Alternatives to #1f25ff

#1f25ff Preview

Shades and Tints of #1f25ff

Tones of #1f25ff

Color Blindness Simulator