#6067f5 hex color

In a RGB color space, hex #6067f5 is composed of 37.6% red, 40.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 58% magenta, 0% yellow and 3.9% black. It has a hue angle of 237.2 degrees, a saturation of 88.2% and a lightness of 66.9%. #6067f5 color hex could be obtained by blending #c0ceff with #0000eb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 38
- G 40
- B 96
RGB color chart
- C 61
- M 58
- Y 0
- K 4
CMYK color chart

● #6067f5 color description : Soft blue.

The hexadecimal color #6067f5 has RGB values of R:96, G:103, B:245 and CMYK values of C:0.61, M:0.58, Y:0, K:0.04. Its decimal value is 6318069.

Hex triplet	6067f5	`#6067f5`
RGB Decimal	96, 103, 245	`rgb(96,103,245)`
RGB Percent	37.6, 40.4, 96.1	`rgb(37.6%,40.4%,96.1%)`
CMYK	61, 58, 0, 4
HSL	237.2°, 88.2, 66.9	`hsl(237.2,88.2%,66.9%)`
HSV (or HSB)	237.2°, 60.8, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.427, 38.883, -72.209
XYZ	26.152, 18.779, 88.628
xyY	0.196, 0.141, 18.779
CIE-LCH	50.427, 82.012, 298.302
CIE-LUV	50.427, -10.163, -113.903
Hunter-Lab	43.334, 31.89, -90.926
Binary	01100000, 01100111, 11110101

#6067f5
```
#6067f5 rgb(96,103,245)
```
#f5ee60
```
#f5ee60 rgb(245,238,96)
```

Complementary Color

#60b2f5
```
#60b2f5 rgb(96,178,245)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#a460f5
```
#a460f5 rgb(164,96,245)
```

Analogous Color

#b2f560
```
#b2f560 rgb(178,245,96)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#f5a460
```
#f5a460 rgb(245,164,96)
```

Split Complementary Color

#67f560
```
#67f560 rgb(103,245,96)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#f56067
```
#f56067 rgb(245,96,103)
```

Triadic Color

#60f5ee
```
#60f5ee rgb(96,245,238)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#f56067
```
#f56067 rgb(245,96,103)
```
#f5ee60
```
#f5ee60 rgb(245,238,96)
```

Tetradic Color

#1822f0
```
#1822f0 rgb(24,34,240)
```
#3039f2
```
#3039f2 rgb(48,57,242)
```
#4850f3
```
#4850f3 rgb(72,80,243)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#787ef7
```
#787ef7 rgb(120,126,247)
```
#9095f8
```
#9095f8 rgb(144,149,248)
```
#a8acfa
```
#a8acfa rgb(168,172,250)
```

Monochromatic Color

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

#608cf5
```
#608cf5 rgb(96,140,245)
```
#6080f5
```
#6080f5 rgb(96,128,245)
```
#6073f5
```
#6073f5 rgb(96,115,245)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#6560f5
```
#6560f5 rgb(101,96,245)
```
#7260f5
```
#7260f5 rgb(114,96,245)
```
#7e60f5
```
#7e60f5 rgb(126,96,245)
```

Similar Colors

Text with hexadecimal color #6067f5

This text has a font color of #6067f5.

<span style="color:#6067f5;">Text here</span>

#6067f5 background color

This paragraph has a background color of #6067f5.

<p style="background-color:#6067f5;">Content here</p>

#6067f5 border color

This element has a border color of #6067f5.

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

CSS codes

.text {color:#6067f5;}

.background {background-color:#6067f5;}

.border {border:1px solid #6067f5;}

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

#000107
```
#000107 rgb(0,1,7)
```
#02031a
```
#02031a rgb(2,3,26)
```
#03052c
```
#03052c rgb(3,5,44)
```
#04073e
```
#04073e rgb(4,7,62)
```
#050951
```
#050951 rgb(5,9,81)
```
#060b63
```
#060b63 rgb(6,11,99)
```
#070d76
```
#070d76 rgb(7,13,118)
```
#090f88
```
#090f88 rgb(9,15,136)
```
#0a119b
```
#0a119b rgb(10,17,155)
```
#0b13ad
```
#0b13ad rgb(11,19,173)
```
#0c14c0
```
#0c14c0 rgb(12,20,192)
```
#0d16d2
```
#0d16d2 rgb(13,22,210)
```
#0e18e5
```
#0e18e5 rgb(14,24,229)
```

Shade Color Variation

#1620f0
```
#1620f0 rgb(22,32,240)
```
#2932f2
```
#2932f2 rgb(41,50,242)
```
#3b44f3
```
#3b44f3 rgb(59,68,243)
```
#4e55f4
```
#4e55f4 rgb(78,85,244)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#7279f6
```
#7279f6 rgb(114,121,246)
```
#858af7
```
#858af7 rgb(133,138,247)
```
#979cf8
```
#979cf8 rgb(151,156,248)
```
#aaaefa
```
#aaaefa rgb(170,174,250)
```
#bcbffb
```
#bcbffb rgb(188,191,251)
```
#cfd1fc
```
#cfd1fc rgb(207,209,252)
```
#e1e2fd
```
#e1e2fd rgb(225,226,253)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#a8a8ae
```
#a8a8ae rgb(168,168,174)
```
#a1a2b4
```
#a1a2b4 rgb(161,162,180)
```
#9b9cbb
```
#9b9cbb rgb(155,156,187)
```
#9496c1
```
#9496c1 rgb(148,150,193)
```
#8e90c8
```
#8e90c8 rgb(142,144,200)
```
#878ace
```
#878ace rgb(135,138,206)
```
#8184d5
```
#8184d5 rgb(129,132,213)
```
#7a7fdb
```
#7a7fdb rgb(122,127,219)
```
#7479e2
```
#7479e2 rgb(116,121,226)
```
#6d73e8
```
#6d73e8 rgb(109,115,232)
```
#676def
```
#676def rgb(103,109,239)
```
#6067f5
```
#6067f5 rgb(96,103,245)
```
#5a61fc
```
#5a61fc rgb(90,97,252)
```

Tone Color Variation

Below, you can see how #6067f5 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

#757575 Achromatopsia 0.005% of the population
#71728f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#1c8b95 Tritanopia 0.001% of the population

Trichromacy

#2273f2 Protanomaly 1% of men, 0.01% of women
#2278df Deuteranomaly 6% of men, 0.4% of women
#347db8 Tritanomaly 0.01% of the population

#6067f5 hex color

#6067f5 Color Information

#6067f5 Color Conversion

Color Schemes with #6067f5

Alternatives to #6067f5

#6067f5 Preview

Shades and Tints of #6067f5

Tones of #6067f5

Color Blindness Simulator