colorhexa.com

#3f61ca hex color

In a RGB color space, hex #3f61ca is composed of 24.7% red, 38% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 52% magenta, 0% yellow and 20.8% black. It has a hue angle of 225.3 degrees, a saturation of 56.7% and a lightness of 52%. #3f61ca color hex could be obtained by blending #7ec2ff with #000095. Closest websafe color is: #3366cc.

- R 25
- G 38
- B 79
RGB color chart
- C 69
- M 52
- Y 0
- K 21
CMYK color chart

● #3f61ca color description : Moderate blue.

The hexadecimal color #3f61ca has RGB values of R:63, G:97, B:202 and CMYK values of C:0.69, M:0.52, Y:0, K:0.21. Its decimal value is 4153802.

Hex triplet	3f61ca	`#3f61ca`
RGB Decimal	63, 97, 202	`rgb(63,97,202)`
RGB Percent	24.7, 38, 79.2	`rgb(24.7%,38%,79.2%)`
CMYK	69, 52, 0, 21
HSL	225.3°, 56.7, 52	`hsl(225.3,56.7%,52%)`
HSV (or HSB)	225.3°, 68.8, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.045, 22.805, -58.279
XYZ	16.983, 13.869, 57.656
xyY	0.192, 0.157, 13.869
CIE-LCH	44.045, 62.582, 291.37
CIE-LUV	44.045, -15.547, -88.579
Hunter-Lab	37.242, 16.227, -65.721
Binary	00111111, 01100001, 11001010

#3f61ca
```
#3f61ca rgb(63,97,202)
```
#caa83f
```
#caa83f rgb(202,168,63)
```

Complementary Color

#3fa7ca
```
#3fa7ca rgb(63,167,202)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#633fca
```
#633fca rgb(99,63,202)
```

Analogous Color

#a7ca3f
```
#a7ca3f rgb(167,202,63)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#ca623f
```
#ca623f rgb(202,98,63)
```

Split Complementary Color

#61ca3f
```
#61ca3f rgb(97,202,63)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#ca3f61
```
#ca3f61 rgb(202,63,97)
```

Triadic Color

#3fcaa8
```
#3fcaa8 rgb(63,202,168)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#ca3f61
```
#ca3f61 rgb(202,63,97)
```
#caa83f
```
#caa83f rgb(202,168,63)
```

Tetradic Color

#294394
```
#294394 rgb(41,67,148)
```
#2e4ca8
```
#2e4ca8 rgb(46,76,168)
```
#3455bc
```
#3455bc rgb(52,85,188)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#5371d0
```
#5371d0 rgb(83,113,208)
```
#6782d5
```
#6782d5 rgb(103,130,213)
```
#7b92db
```
#7b92db rgb(123,146,219)
```

Monochromatic Color

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

#3f84ca
```
#3f84ca rgb(63,132,202)
```
#3f78ca
```
#3f78ca rgb(63,120,202)
```
#3f6dca
```
#3f6dca rgb(63,109,202)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#3f55ca
```
#3f55ca rgb(63,85,202)
```
#3f4aca
```
#3f4aca rgb(63,74,202)
```
#403fca
```
#403fca rgb(64,63,202)
```

Similar Colors

Text with hexadecimal color #3f61ca

This text has a font color of #3f61ca.

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

#3f61ca background color

This paragraph has a background color of #3f61ca.

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

#3f61ca border color

This element has a border color of #3f61ca.

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

CSS codes

.text {color:#3f61ca;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#060b17
```
#060b17 rgb(6,11,23)
```
#0b1127
```
#0b1127 rgb(11,17,39)
```
#0f1836
```
#0f1836 rgb(15,24,54)
```
#131f45
```
#131f45 rgb(19,31,69)
```
#172655
```
#172655 rgb(23,38,85)
```
#1c2d64
```
#1c2d64 rgb(28,45,100)
```
#203473
```
#203473 rgb(32,52,115)
```
#243b83
```
#243b83 rgb(36,59,131)
```
#284292
```
#284292 rgb(40,66,146)
```
#2d49a2
```
#2d49a2 rgb(45,73,162)
```
#3150b1
```
#3150b1 rgb(49,80,177)
```
#3557c0
```
#3557c0 rgb(53,87,192)
```

Shade Color Variation

#3f61ca
```
#3f61ca rgb(63,97,202)
```
#4e6ece
```
#4e6ece rgb(78,110,206)
```
#5e7ad2
```
#5e7ad2 rgb(94,122,210)
```
#6d87d7
```
#6d87d7 rgb(109,135,215)
```
#7c94db
```
#7c94db rgb(124,148,219)
```
#8ca0df
```
#8ca0df rgb(140,160,223)
```
#9bade3
```
#9bade3 rgb(155,173,227)
```
#abbae8
```
#abbae8 rgb(171,186,232)
```
#bac6ec
```
#bac6ec rgb(186,198,236)
```
#c9d3f0
```
#c9d3f0 rgb(201,211,240)
```
#d9dff4
```
#d9dff4 rgb(217,223,244)
```
#e8ecf9
```
#e8ecf9 rgb(232,236,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#818388
```
#818388 rgb(129,131,136)
```
#787e91
```
#787e91 rgb(120,126,145)
```
#6e799b
```
#6e799b rgb(110,121,155)
```
#6574a4
```
#6574a4 rgb(101,116,164)
```
#5b6fae
```
#5b6fae rgb(91,111,174)
```
#526bb7
```
#526bb7 rgb(82,107,183)
```
#4866c1
```
#4866c1 rgb(72,102,193)
```
#3f61ca
```
#3f61ca rgb(63,97,202)
```
#365cd3
```
#365cd3 rgb(54,92,211)
```
#2c57dd
```
#2c57dd rgb(44,87,221)
```
#2353e6
```
#2353e6 rgb(35,83,230)
```
#194ef0
```
#194ef0 rgb(25,78,240)
```
#1049f9
```
#1049f9 rgb(16,73,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5c6378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#266ccf Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#2f68cd Protanomaly 1% of men, 0.01% of women
#166bc1 Deuteranomaly 6% of men, 0.4% of women
#16719c Tritanomaly 0.01% of the population