#6064ff hex color

In a RGB color space, hex #6064ff is composed of 37.6% red, 39.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 60.8% magenta, 0% yellow and 0% black. It has a hue angle of 238.5 degrees, a saturation of 100% and a lightness of 68.8%. #6064ff color hex could be obtained by blending #c0c8ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 38
- G 39
- B 100
RGB color chart
- C 62
- M 61
- Y 0
- K 0
CMYK color chart

● #6064ff color description : Light blue.

The hexadecimal color #6064ff has RGB values of R:96, G:100, B:255 and CMYK values of C:0.62, M:0.61, Y:0, K:0. Its decimal value is 6317311.

Hex triplet	6064ff	`#6064ff`
RGB Decimal	96, 100, 255	`rgb(96,100,255)`
RGB Percent	37.6, 39.2, 100	`rgb(37.6%,39.2%,100%)`
CMYK	62, 61, 0, 0
HSL	238.5°, 100, 68.8	`hsl(238.5,100%,68.8%)`
HSV (or HSB)	238.5°, 62.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.476, 43.876, -77.69
XYZ	27.427, 18.82, 96.79
xyY	0.192, 0.132, 18.82
CIE-LCH	50.476, 89.223, 299.456
CIE-LUV	50.476, -9.855, -122.105
Hunter-Lab	43.382, 36.936, -101.915
Binary	01100000, 01100100, 11111111

#6064ff
```
#6064ff rgb(96,100,255)
```
#fffb60
```
#fffb60 rgb(255,251,96)
```

Complementary Color

#60b4ff
```
#60b4ff rgb(96,180,255)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#ac60ff
```
#ac60ff rgb(172,96,255)
```

Analogous Color

#b4ff60
```
#b4ff60 rgb(180,255,96)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#ffac60
```
#ffac60 rgb(255,172,96)
```

Split Complementary Color

#64ff60
```
#64ff60 rgb(100,255,96)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```

Triadic Color

#60fffb
```
#60fffb rgb(96,255,251)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#fffb60
```
#fffb60 rgb(255,251,96)
```

Tetradic Color

#1419ff
```
#1419ff rgb(20,25,255)
```
#2d32ff
```
#2d32ff rgb(45,50,255)
```
#474bff
```
#474bff rgb(71,75,255)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#7a7dff
```
#7a7dff rgb(122,125,255)
```
#9396ff
```
#9396ff rgb(147,150,255)
```
#adafff
```
#adafff rgb(173,175,255)
```

Monochromatic Color

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

#608cff
```
#608cff rgb(96,140,255)
```
#607fff
```
#607fff rgb(96,127,255)
```
#6071ff
```
#6071ff rgb(96,113,255)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#6960ff
```
#6960ff rgb(105,96,255)
```
#7760ff
```
#7760ff rgb(119,96,255)
```
#8460ff
```
#8460ff rgb(132,96,255)
```

Similar Colors

Text with hexadecimal color #6064ff

This text has a font color of #6064ff.

<span style="color:#6064ff;">Text here</span>

#6064ff background color

This paragraph has a background color of #6064ff.

<p style="background-color:#6064ff;">Content here</p>

#6064ff border color

This element has a border color of #6064ff.

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

CSS codes

.text {color:#6064ff;}

.background {background-color:#6064ff;}

.border {border:1px solid #6064ff;}

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

#000012
```
#000012 rgb(0,0,18)
```
#000125
```
#000125 rgb(0,1,37)
```
#000139
```
#000139 rgb(0,1,57)
```
#00024c
```
#00024c rgb(0,2,76)
```
#000260
```
#000260 rgb(0,2,96)
```
#000374
```
#000374 rgb(0,3,116)
```
#000387
```
#000387 rgb(0,3,135)
```
#00049b
```
#00049b rgb(0,4,155)
```
#0004ae
```
#0004ae rgb(0,4,174)
```
#0005c2
```
#0005c2 rgb(0,5,194)
```
#0005d6
```
#0005d6 rgb(0,5,214)
```
#0006e9
```
#0006e9 rgb(0,6,233)
```
#0006fd
```
#0006fd rgb(0,6,253)
```

Shade Color Variation

#1218ff
```
#1218ff rgb(18,24,255)
```
#252bff
```
#252bff rgb(37,43,255)
```
#393eff
```
#393eff rgb(57,62,255)
```
#4c51ff
```
#4c51ff rgb(76,81,255)
```
#6064ff
```
#6064ff rgb(96,100,255)
```
#7477ff
```
#7477ff rgb(116,119,255)
```
#878aff
```
#878aff rgb(135,138,255)
```
#9b9dff
```
#9b9dff rgb(155,157,255)
```
#aeb0ff
```
#aeb0ff rgb(174,176,255)
```
#c2c4ff
```
#c2c4ff rgb(194,196,255)
```
#d6d7ff
```
#d6d7ff rgb(214,215,255)
```
#e9eaff
```
#e9eaff rgb(233,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a9aab6
```
#a9aab6 rgb(169,170,182)
```
#a3a4bc
```
#a3a4bc rgb(163,164,188)
```
#9d9ec2
```
#9d9ec2 rgb(157,158,194)
```
#9798c8
```
#9798c8 rgb(151,152,200)
```
#9192ce
```
#9192ce rgb(145,146,206)
```
#8b8dd4
```
#8b8dd4 rgb(139,141,212)
```
#8587da
```
#8587da rgb(133,135,218)
```
#7f81e0
```
#7f81e0 rgb(127,129,224)
```
#787be7
```
#787be7 rgb(120,123,231)
```
#7275ed
```
#7275ed rgb(114,117,237)
```
#6c70f3
```
#6c70f3 rgb(108,112,243)
```
#666af9
```
#666af9 rgb(102,106,249)
```
#6064ff
```
#6064ff rgb(96,100,255)
```

Tone Color Variation

Below, you can see how #6064ff 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

#747474 Achromatopsia 0.005% of the population
#707190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#2272f6 Protanomaly 1% of men, 0.01% of women
#2277e3 Deuteranomaly 6% of men, 0.4% of women
#227dbb Tritanomaly 0.01% of the population

#6064ff hex color

#6064ff Color Information

#6064ff Color Conversion

Color Schemes with #6064ff

Alternatives to #6064ff

#6064ff Preview

Shades and Tints of #6064ff

Tones of #6064ff

Color Blindness Simulator