#3f45fa hex color

In a RGB color space, hex #3f45fa is composed of 24.7% red, 27.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 72.4% magenta, 0% yellow and 2% black. It has a hue angle of 238.1 degrees, a saturation of 94.9% and a lightness of 61.4%. #3f45fa color hex could be obtained by blending #7e8aff with #0000f5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 27
- B 98
RGB color chart
- C 75
- M 72
- Y 0
- K 2
CMYK color chart

● #3f45fa color description : Bright blue.

The hexadecimal color #3f45fa has RGB values of R:63, G:69, B:250 and CMYK values of C:0.75, M:0.72, Y:0, K:0.02. Its decimal value is 4146682.

Hex triplet	3f45fa	`#3f45fa`
RGB Decimal	63, 69, 250	`rgb(63,69,250)`
RGB Percent	24.7, 27.1, 98	`rgb(24.7%,27.1%,98%)`
CMYK	75, 72, 0, 2
HSL	238.1°, 94.9, 61.4	`hsl(238.1,94.9%,61.4%)`
HSV (or HSB)	238.1°, 74.8, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.554, 56.243, -89.617
XYZ	21.43, 12.214, 91.665
xyY	0.171, 0.097, 12.214
CIE-LCH	41.554, 105.804, 302.112
CIE-LUV	41.554, -10.329, -129.19
Hunter-Lab	34.948, 48.295, -131.047
Binary	00111111, 01000101, 11111010

#3f45fa
```
#3f45fa rgb(63,69,250)
```
#faf43f
```
#faf43f rgb(250,244,63)
```

Complementary Color

#3fa3fa
```
#3fa3fa rgb(63,163,250)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#973ffa
```
#973ffa rgb(151,63,250)
```

Analogous Color

#a3fa3f
```
#a3fa3f rgb(163,250,63)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#fa973f
```
#fa973f rgb(250,151,63)
```

Split Complementary Color

#45fa3f
```
#45fa3f rgb(69,250,63)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#fa3f45
```
#fa3f45 rgb(250,63,69)
```

Triadic Color

#3ffaf4
```
#3ffaf4 rgb(63,250,244)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#fa3f45
```
#fa3f45 rgb(250,63,69)
```
#faf43f
```
#faf43f rgb(250,244,63)
```

Tetradic Color

#060de6
```
#060de6 rgb(6,13,230)
```
#0d15f9
```
#0d15f9 rgb(13,21,249)
```
#262df9
```
#262df9 rgb(38,45,249)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#585dfb
```
#585dfb rgb(88,93,251)
```
#7175fb
```
#7175fb rgb(113,117,251)
```
#8a8dfc
```
#8a8dfc rgb(138,141,252)
```

Monochromatic Color

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

#3f74fa
```
#3f74fa rgb(63,116,250)
```
#3f64fa
```
#3f64fa rgb(63,100,250)
```
#3f55fa
```
#3f55fa rgb(63,85,250)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#493ffa
```
#493ffa rgb(73,63,250)
```
#583ffa
```
#583ffa rgb(88,63,250)
```
#683ffa
```
#683ffa rgb(104,63,250)
```

Similar Colors

Text with hexadecimal color #3f45fa

This text has a font color of #3f45fa.

<span style="color:#3f45fa;">Text here</span>

#3f45fa background color

This paragraph has a background color of #3f45fa.

<p style="background-color:#3f45fa;">Content here</p>

#3f45fa border color

This element has a border color of #3f45fa.

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

CSS codes

.text {color:#3f45fa;}

.background {background-color:#3f45fa;}

.border {border:1px solid #3f45fa;}

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

#000112
```
#000112 rgb(0,1,18)
```
#010225
```
#010225 rgb(1,2,37)
```
#010339
```
#010339 rgb(1,3,57)
```
#02044c
```
#02044c rgb(2,4,76)
```
#02055f
```
#02055f rgb(2,5,95)
```
#030772
```
#030772 rgb(3,7,114)
```
#030885
```
#030885 rgb(3,8,133)
```
#040998
```
#040998 rgb(4,9,152)
```
#040aab
```
#040aab rgb(4,10,171)
```
#050bbe
```
#050bbe rgb(5,11,190)
```
#050cd1
```
#050cd1 rgb(5,12,209)
```
#060de5
```
#060de5 rgb(6,13,229)
```
#060ef8
```
#060ef8 rgb(6,14,248)
```

Shade Color Variation

#1920f9
```
#1920f9 rgb(25,32,249)
```
#2c32fa
```
#2c32fa rgb(44,50,250)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```
#5258fa
```
#5258fa rgb(82,88,250)
```
#656afb
```
#656afb rgb(101,106,251)
```
#787dfb
```
#787dfb rgb(120,125,251)
```
#8b8ffc
```
#8b8ffc rgb(139,143,252)
```
#9fa2fc
```
#9fa2fc rgb(159,162,252)
```
#b2b4fd
```
#b2b4fd rgb(178,180,253)
```
#c5c7fd
```
#c5c7fd rgb(197,199,253)
```
#d8d9fe
```
#d8d9fe rgb(216,217,254)
```
#ebecfe
```
#ebecfe rgb(235,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9a9f is the less saturated color, while #3f45fa is the most saturated one.

#9a9a9f
```
#9a9a9f rgb(154,154,159)
```
#9293a7
```
#9293a7 rgb(146,147,167)
```
#8b8cae
```
#8b8cae rgb(139,140,174)
```
#8385b6
```
#8385b6 rgb(131,133,182)
```
#7c7ebd
```
#7c7ebd rgb(124,126,189)
```
#7477c5
```
#7477c5 rgb(116,119,197)
```
#6c70cd
```
#6c70cd rgb(108,112,205)
```
#6568d4
```
#6568d4 rgb(101,104,212)
```
#5d61dc
```
#5d61dc rgb(93,97,220)
```
#565ae3
```
#565ae3 rgb(86,90,227)
```
#4e53eb
```
#4e53eb rgb(78,83,235)
```
#474cf2
```
#474cf2 rgb(71,76,242)
```
#3f45fa
```
#3f45fa rgb(63,69,250)
```

Tone Color Variation

Below, you can see how #3f45fa 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

#585858 Achromatopsia 0.005% of the population
#535478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#165ada Protanomaly 1% of men, 0.01% of women
#165ec9 Deuteranomaly 6% of men, 0.4% of women
#1663a9 Tritanomaly 0.01% of the population

#3f45fa hex color

#3f45fa Color Information

#3f45fa Color Conversion

Color Schemes with #3f45fa

Alternatives to #3f45fa

#3f45fa Preview

Shades and Tints of #3f45fa

Tones of #3f45fa

Color Blindness Simulator