#1f2afc hex color

In a RGB color space, hex #1f2afc is composed of 12.2% red, 16.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 83.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 237 degrees, a saturation of 97.4% and a lightness of 55.5%. #1f2afc color hex could be obtained by blending #3e54ff with #0000f9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 16
- B 99
RGB color chart
- C 88
- M 83
- Y 0
- K 1
CMYK color chart

● #1f2afc color description : Vivid blue.

The hexadecimal color #1f2afc has RGB values of R:31, G:42, B:252 and CMYK values of C:0.88, M:0.83, Y:0, K:0.01. Its decimal value is 2042620.

Hex triplet	1f2afc	`#1f2afc`
RGB Decimal	31, 42, 252	`rgb(31,42,252)`
RGB Percent	12.2, 16.5, 98.8	`rgb(12.2%,16.5%,98.8%)`
CMYK	88, 83, 0, 1
HSL	237°, 97.4, 55.5	`hsl(237,97.4%,55.5%)`
HSV (or HSB)	237°, 87.7, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.934, 68.294, -100.097
XYZ	18.96, 8.974, 92.823
xyY	0.157, 0.074, 8.974
CIE-LCH	35.934, 121.176, 304.305
CIE-LUV	35.934, -10.417, -131.452
Hunter-Lab	29.957, 60.552, -162.744
Binary	00011111, 00101010, 11111100

#1f2afc
```
#1f2afc rgb(31,42,252)
```
#fcf11f
```
#fcf11f rgb(252,241,31)
```

Complementary Color

#1f99fc
```
#1f99fc rgb(31,153,252)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#831ffc
```
#831ffc rgb(131,31,252)
```

Analogous Color

#99fc1f
```
#99fc1f rgb(153,252,31)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#fc831f
```
#fc831f rgb(252,131,31)
```

Split Complementary Color

#2afc1f
```
#2afc1f rgb(42,252,31)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#fc1f2a
```
#fc1f2a rgb(252,31,42)
```

Triadic Color

#1ffcf1
```
#1ffcf1 rgb(31,252,241)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#fc1f2a
```
#fc1f2a rgb(252,31,42)
```
#fcf11f
```
#fcf11f rgb(252,241,31)
```

Tetradic Color

#030dcc
```
#030dcc rgb(3,13,204)
```
#030ee5
```
#030ee5 rgb(3,14,229)
```
#0612fc
```
#0612fc rgb(6,18,252)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#3842fc
```
#3842fc rgb(56,66,252)
```
#515afd
```
#515afd rgb(81,90,253)
```
#6a72fd
```
#6a72fd rgb(106,114,253)
```

Monochromatic Color

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

#1f61fc
```
#1f61fc rgb(31,97,252)
```
#1f4ffc
```
#1f4ffc rgb(31,79,252)
```
#1f3cfc
```
#1f3cfc rgb(31,60,252)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#261ffc
```
#261ffc rgb(38,31,252)
```
#391ffc
```
#391ffc rgb(57,31,252)
```
#4b1ffc
```
#4b1ffc rgb(75,31,252)
```

Similar Colors

Text with hexadecimal color #1f2afc

This text has a font color of #1f2afc.

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

#1f2afc background color

This paragraph has a background color of #1f2afc.

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

#1f2afc border color

This element has a border color of #1f2afc.

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

CSS codes

.text {color:#1f2afc;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00021c
```
#00021c rgb(0,2,28)
```
#01032f
```
#01032f rgb(1,3,47)
```
#010442
```
#010442 rgb(1,4,66)
```
#010556
```
#010556 rgb(1,5,86)
```
#010769
```
#010769 rgb(1,7,105)
```
#02087c
```
#02087c rgb(2,8,124)
```
#020990
```
#020990 rgb(2,9,144)
```
#020aa3
```
#020aa3 rgb(2,10,163)
```
#020bb6
```
#020bb6 rgb(2,11,182)
```
#030dca
```
#030dca rgb(3,13,202)
```
#030edd
```
#030edd rgb(3,14,221)
```
#030ff1
```
#030ff1 rgb(3,15,241)
```

Shade Color Variation

#0c18fc
```
#0c18fc rgb(12,24,252)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```
#323cfc
```
#323cfc rgb(50,60,252)
```
#464ffd
```
#464ffd rgb(70,79,253)
```
#5961fd
```
#5961fd rgb(89,97,253)
```
#6c74fd
```
#6c74fd rgb(108,116,253)
```
#8086fd
```
#8086fd rgb(128,134,253)
```
#9398fe
```
#9398fe rgb(147,152,254)
```
#a6abfe
```
#a6abfe rgb(166,171,254)
```
#babdfe
```
#babdfe rgb(186,189,254)
```
#cdd0fe
```
#cdd0fe rgb(205,208,254)
```
#e1e2ff
```
#e1e2ff rgb(225,226,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#888893
```
#888893 rgb(136,136,147)
```
#7f809c
```
#7f809c rgb(127,128,156)
```
#7679a5
```
#7679a5 rgb(118,121,165)
```
#6e71ad
```
#6e71ad rgb(110,113,173)
```
#6569b6
```
#6569b6 rgb(101,105,182)
```
#5c61bf
```
#5c61bf rgb(92,97,191)
```
#5359c8
```
#5359c8 rgb(83,89,200)
```
#4b51d0
```
#4b51d0 rgb(75,81,208)
```
#4249d9
```
#4249d9 rgb(66,73,217)
```
#3942e2
```
#3942e2 rgb(57,66,226)
```
#303aeb
```
#303aeb rgb(48,58,235)
```
#2832f3
```
#2832f3 rgb(40,50,243)
```
#1f2afc
```
#1f2afc rgb(31,42,252)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#393b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006097 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0b49cb Protanomaly 1% of men, 0.01% of women
#0b4cbc Deuteranomaly 6% of men, 0.4% of women
#0b509f Tritanomaly 0.01% of the population

#1f2afc hex color

#1f2afc Color Information

#1f2afc Color Conversion

Color Schemes with #1f2afc

Alternatives to #1f2afc

#1f2afc Preview

Shades and Tints of #1f2afc

Tones of #1f2afc

Color Blindness Simulator