#064af2 hex color

In a RGB color space, hex #064af2 is composed of 2.4% red, 29% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 69.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.7 degrees, a saturation of 95.2% and a lightness of 48.6%. #064af2 color hex could be obtained by blending #0c94ff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 29
- B 95
RGB color chart
- C 98
- M 69
- Y 0
- K 5
CMYK color chart

● #064af2 color description : Vivid blue.

The hexadecimal color #064af2 has RGB values of R:6, G:74, B:242 and CMYK values of C:0.98, M:0.69, Y:0, K:0.05. Its decimal value is 412402.

Hex triplet	064af2	`#064af2`
RGB Decimal	6, 74, 242	`rgb(6,74,242)`
RGB Percent	2.4, 29, 94.9	`rgb(2.4%,29%,94.9%)`
CMYK	98, 69, 0, 5
HSL	222.7°, 95.2, 48.6	`hsl(222.7,95.2%,48.6%)`
HSV (or HSB)	222.7°, 97.5, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.156, 47.961, -87.486
XYZ	18.548, 11.346, 85.212
xyY	0.161, 0.099, 11.346
CIE-LCH	40.156, 99.77, 298.732
CIE-LUV	40.156, -16.122, -124.531
Hunter-Lab	33.683, 39.345, -126.414
Binary	00000110, 01001010, 11110010

#064af2
```
#064af2 rgb(6,74,242)
```
#f2ae06
```
#f2ae06 rgb(242,174,6)
```

Complementary Color

#06c0f2
```
#06c0f2 rgb(6,192,242)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#3806f2
```
#3806f2 rgb(56,6,242)
```

Analogous Color

#c0f206
```
#c0f206 rgb(192,242,6)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#f23806
```
#f23806 rgb(242,56,6)
```

Split Complementary Color

#4af206
```
#4af206 rgb(74,242,6)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#f2064a
```
#f2064a rgb(242,6,74)
```

Triadic Color

#06f2ae
```
#06f2ae rgb(6,242,174)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#f2064a
```
#f2064a rgb(242,6,74)
```
#f2ae06
```
#f2ae06 rgb(242,174,6)
```

Tetradic Color

#0433a7
```
#0433a7 rgb(4,51,167)
```
#053bc0
```
#053bc0 rgb(5,59,192)
```
#0542d9
```
#0542d9 rgb(5,66,217)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#1859f9
```
#1859f9 rgb(24,89,249)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#4a7dfb
```
#4a7dfb rgb(74,125,251)
```

Monochromatic Color

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

#0685f2
```
#0685f2 rgb(6,133,242)
```
#0671f2
```
#0671f2 rgb(6,113,242)
```
#065ef2
```
#065ef2 rgb(6,94,242)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#0636f2
```
#0636f2 rgb(6,54,242)
```
#0623f2
```
#0623f2 rgb(6,35,242)
```
#060ff2
```
#060ff2 rgb(6,15,242)
```

Similar Colors

Text with hexadecimal color #064af2

This text has a font color of #064af2.

<span style="color:#064af2;">Text here</span>

#064af2 background color

This paragraph has a background color of #064af2.

<p style="background-color:#064af2;">Content here</p>

#064af2 border color

This element has a border color of #064af2.

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

CSS codes

.text {color:#064af2;}

.background {background-color:#064af2;}

.border {border:1px solid #064af2;}

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, #00040c is the darkest color, while #f8faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#010a1f
```
#010a1f rgb(1,10,31)
```
#010f33
```
#010f33 rgb(1,15,51)
```
#021546
```
#021546 rgb(2,21,70)
```
#021b59
```
#021b59 rgb(2,27,89)
```
#03216c
```
#03216c rgb(3,33,108)
```
#03277f
```
#03277f rgb(3,39,127)
```
#042d92
```
#042d92 rgb(4,45,146)
```
#0433a5
```
#0433a5 rgb(4,51,165)
```
#0538b9
```
#0538b9 rgb(5,56,185)
```
#053ecc
```
#053ecc rgb(5,62,204)
```
#0644df
```
#0644df rgb(6,68,223)
```
#064af2
```
#064af2 rgb(6,74,242)
```

Shade Color Variation

#1255f9
```
#1255f9 rgb(18,85,249)
```
#2663fa
```
#2663fa rgb(38,99,250)
```
#3970fa
```
#3970fa rgb(57,112,250)
```
#4c7efb
```
#4c7efb rgb(76,126,251)
```
#5f8cfb
```
#5f8cfb rgb(95,140,251)
```
#729afc
```
#729afc rgb(114,154,252)
```
#85a8fc
```
#85a8fc rgb(133,168,252)
```
#98b5fc
```
#98b5fc rgb(152,181,252)
```
#acc3fd
```
#acc3fd rgb(172,195,253)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#d2dffe
```
#d2dffe rgb(210,223,254)
```
#e5ecfe
```
#e5ecfe rgb(229,236,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #064af2 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6f7689
```
#6f7689 rgb(111,118,137)
```
#657293
```
#657293 rgb(101,114,147)
```
#5c6e9c
```
#5c6e9c rgb(92,110,156)
```
#526aa6
```
#526aa6 rgb(82,106,166)
```
#4966af
```
#4966af rgb(73,102,175)
```
#3f62b9
```
#3f62b9 rgb(63,98,185)
```
#365ec2
```
#365ec2 rgb(54,94,194)
```
#2c5acc
```
#2c5acc rgb(44,90,204)
```
#2356d5
```
#2356d5 rgb(35,86,213)
```
#1952df
```
#1952df rgb(25,82,223)
```
#104ee8
```
#104ee8 rgb(16,78,232)
```
#064af2
```
#064af2 rgb(6,74,242)
```

Tone Color Variation

Below, you can see how #064af2 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

#494949 Achromatopsia 0.005% of the population
#3c496b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#025ad3 Protanomaly 1% of men, 0.01% of women
#025ec3 Deuteranomaly 6% of men, 0.4% of women
#0262a3 Tritanomaly 0.01% of the population

#064af2 hex color

#064af2 Color Information

#064af2 Color Conversion

Color Schemes with #064af2

Alternatives to #064af2

#064af2 Preview

Shades and Tints of #064af2

Tones of #064af2

Color Blindness Simulator