#3f64db hex color

In a RGB color space, hex #3f64db is composed of 24.7% red, 39.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 54.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 225.8 degrees, a saturation of 68.4% and a lightness of 55.3%. #3f64db color hex could be obtained by blending #7ec8ff with #0000b7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 39
- B 86
RGB color chart
- C 71
- M 54
- Y 0
- K 14
CMYK color chart

● #3f64db color description : Bright blue.

The hexadecimal color #3f64db has RGB values of R:63, G:100, B:219 and CMYK values of C:0.71, M:0.54, Y:0, K:0.14. Its decimal value is 4154587.

Hex triplet	3f64db	`#3f64db`
RGB Decimal	63, 100, 219	`rgb(63,100,219)`
RGB Percent	24.7, 39.2, 85.9	`rgb(24.7%,39.2%,85.9%)`
CMYK	71, 54, 0, 14
HSL	225.8°, 68.4, 55.3	`hsl(225.8,68.4%,55.3%)`
HSV (or HSB)	225.8°, 71.2, 85.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.021, 27.011, -64.807
XYZ	19.391, 15.284, 68.942
xyY	0.187, 0.148, 15.284
CIE-LCH	46.021, 70.211, 292.626
CIE-LUV	46.021, -16.485, -99.511
Hunter-Lab	39.095, 20.117, -77.188
Binary	00111111, 01100100, 11011011

#3f64db
```
#3f64db rgb(63,100,219)
```
#dbb63f
```
#dbb63f rgb(219,182,63)
```

Complementary Color

#3fb2db
```
#3fb2db rgb(63,178,219)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#683fdb
```
#683fdb rgb(104,63,219)
```

Analogous Color

#b2db3f
```
#b2db3f rgb(178,219,63)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#db683f
```
#db683f rgb(219,104,63)
```

Split Complementary Color

#64db3f
```
#64db3f rgb(100,219,63)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#db3f64
```
#db3f64 rgb(219,63,100)
```

Triadic Color

#3fdbb6
```
#3fdbb6 rgb(63,219,182)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#db3f64
```
#db3f64 rgb(219,63,100)
```
#dbb63f
```
#dbb63f rgb(219,182,63)
```

Tetradic Color

#2042ad
```
#2042ad rgb(32,66,173)
```
#244ac3
```
#244ac3 rgb(36,74,195)
```
#2a53d7
```
#2a53d7 rgb(42,83,215)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#5475df
```
#5475df rgb(84,117,223)
```
#6a87e3
```
#6a87e3 rgb(106,135,227)
```
#7f98e7
```
#7f98e7 rgb(127,152,231)
```

Monochromatic Color

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

#3f8bdb
```
#3f8bdb rgb(63,139,219)
```
#3f7edb
```
#3f7edb rgb(63,126,219)
```
#3f71db
```
#3f71db rgb(63,113,219)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#3f57db
```
#3f57db rgb(63,87,219)
```
#3f4adb
```
#3f4adb rgb(63,74,219)
```
#413fdb
```
#413fdb rgb(65,63,219)
```

Similar Colors

Text with hexadecimal color #3f64db

This text has a font color of #3f64db.

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

#3f64db background color

This paragraph has a background color of #3f64db.

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

#3f64db border color

This element has a border color of #3f64db.

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

CSS codes

.text {color:#3f64db;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040917
```
#040917 rgb(4,9,23)
```
#070f27
```
#070f27 rgb(7,15,39)
```
#0a1538
```
#0a1538 rgb(10,21,56)
```
#0e1b48
```
#0e1b48 rgb(14,27,72)
```
#112259
```
#112259 rgb(17,34,89)
```
#142869
```
#142869 rgb(20,40,105)
```
#172e7a
```
#172e7a rgb(23,46,122)
```
#1a358a
```
#1a358a rgb(26,53,138)
```
#1d3b9b
```
#1d3b9b rgb(29,59,155)
```
#2041ab
```
#2041ab rgb(32,65,171)
```
#2347bc
```
#2347bc rgb(35,71,188)
```
#264ecc
```
#264ecc rgb(38,78,204)
```

Shade Color Variation

#2e57d8
```
#2e57d8 rgb(46,87,216)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#5071de
```
#5071de rgb(80,113,222)
```
#607fe1
```
#607fe1 rgb(96,127,225)
```
#718ce4
```
#718ce4 rgb(113,140,228)
```
#8199e7
```
#8199e7 rgb(129,153,231)
```
#92a7ea
```
#92a7ea rgb(146,167,234)
```
#a2b4ee
```
#a2b4ee rgb(162,180,238)
```
#b3c1f1
```
#b3c1f1 rgb(179,193,241)
```
#c3cff4
```
#c3cff4 rgb(195,207,244)
```
#d4dcf7
```
#d4dcf7 rgb(212,220,247)
```
#e4e9fa
```
#e4e9fa rgb(228,233,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#858995
```
#858995 rgb(133,137,149)
```
#7c849e
```
#7c849e rgb(124,132,158)
```
#7480a6
```
#7480a6 rgb(116,128,166)
```
#6b7baf
```
#6b7baf rgb(107,123,175)
```
#6276b8
```
#6276b8 rgb(98,118,184)
```
#5972c1
```
#5972c1 rgb(89,114,193)
```
#516dc9
```
#516dc9 rgb(81,109,201)
```
#4869d2
```
#4869d2 rgb(72,105,210)
```
#3f64db
```
#3f64db rgb(63,100,219)
```
#365fe4
```
#365fe4 rgb(54,95,228)
```
#2d5bed
```
#2d5bed rgb(45,91,237)
```
#2556f5
```
#2556f5 rgb(37,86,245)
```
#1c52fe
```
#1c52fe rgb(28,82,254)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5f667e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#166cdc Protanomaly 1% of men, 0.01% of women
#1670cb Deuteranomaly 6% of men, 0.4% of women
#1675a6 Tritanomaly 0.01% of the population

#3f64db hex color

#3f64db Color Information

#3f64db Color Conversion

Color Schemes with #3f64db

Alternatives to #3f64db

#3f64db Preview

Shades and Tints of #3f64db

Tones of #3f64db

Color Blindness Simulator