#6226f2 hex color

In a RGB color space, hex #6226f2 is composed of 38.4% red, 14.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 84.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 257.6 degrees, a saturation of 88.7% and a lightness of 54.9%. #6226f2 color hex could be obtained by blending #c44cff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 38
- G 15
- B 95
RGB color chart
- C 60
- M 84
- Y 0
- K 5
CMYK color chart

● #6226f2 color description : Bright violet.

The hexadecimal color #6226f2 has RGB values of R:98, G:38, B:242 and CMYK values of C:0.6, M:0.84, Y:0, K:0.05. Its decimal value is 6432498.

Hex triplet	6226f2	`#6226f2`
RGB Decimal	98, 38, 242	`rgb(98,38,242)`
RGB Percent	38.4, 14.9, 94.9	`rgb(38.4%,14.9%,94.9%)`
CMYK	60, 84, 0, 5
HSL	257.6°, 88.7, 54.9	`hsl(257.6,88.7%,54.9%)`
HSV (or HSB)	257.6°, 84.3, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.539, 70.767, -90.021
XYZ	21.754, 10.393, 84.859
xyY	0.186, 0.089, 10.393
CIE-LCH	38.539, 114.506, 308.171
CIE-LUV	38.539, 1.744, -126.217
Hunter-Lab	32.238, 64.034, -133.5
Binary	01100010, 00100110, 11110010

#6226f2
```
#6226f2 rgb(98,38,242)
```
#b6f226
```
#b6f226 rgb(182,242,38)
```

Complementary Color

#2650f2
```
#2650f2 rgb(38,80,242)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#c826f2
```
#c826f2 rgb(200,38,242)
```

Analogous Color

#50f226
```
#50f226 rgb(80,242,38)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#f2c826
```
#f2c826 rgb(242,200,38)
```

Split Complementary Color

#26f262
```
#26f262 rgb(38,242,98)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#f26226
```
#f26226 rgb(242,98,38)
```

Triadic Color

#26b6f2
```
#26b6f2 rgb(38,182,242)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#f26226
```
#f26226 rgb(242,98,38)
```
#b6f226
```
#b6f226 rgb(182,242,38)
```

Tetradic Color

#410cc0
```
#410cc0 rgb(65,12,192)
```
#490dd8
```
#490dd8 rgb(73,13,216)
```
#510ef0
```
#510ef0 rgb(81,14,240)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#733ef3
```
#733ef3 rgb(115,62,243)
```
#8556f5
```
#8556f5 rgb(133,86,245)
```
#966ef6
```
#966ef6 rgb(150,110,246)
```

Monochromatic Color

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

#2f26f2
```
#2f26f2 rgb(47,38,242)
```
#4026f2
```
#4026f2 rgb(64,38,242)
```
#5126f2
```
#5126f2 rgb(81,38,242)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#7326f2
```
#7326f2 rgb(115,38,242)
```
#8426f2
```
#8426f2 rgb(132,38,242)
```
#9526f2
```
#9526f2 rgb(149,38,242)
```

Similar Colors

Text with hexadecimal color #6226f2

This text has a font color of #6226f2.

<span style="color:#6226f2;">Text here</span>

#6226f2 background color

This paragraph has a background color of #6226f2.

<p style="background-color:#6226f2;">Content here</p>

#6226f2 border color

This element has a border color of #6226f2.

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

CSS codes

.text {color:#6226f2;}

.background {background-color:#6226f2;}

.border {border:1px solid #6226f2;}

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

#020005
```
#020005 rgb(2,0,5)
```
#080118
```
#080118 rgb(8,1,24)
```
#0e032a
```
#0e032a rgb(14,3,42)
```
#14043d
```
#14043d rgb(20,4,61)
```
#1b054f
```
#1b054f rgb(27,5,79)
```
#210662
```
#210662 rgb(33,6,98)
```
#270774
```
#270774 rgb(39,7,116)
```
#2d0887
```
#2d0887 rgb(45,8,135)
```
#340999
```
#340999 rgb(52,9,153)
```
#3a0aac
```
#3a0aac rgb(58,10,172)
```
#400bbe
```
#400bbe rgb(64,11,190)
```
#460dd1
```
#460dd1 rgb(70,13,209)
```
#4c0ee3
```
#4c0ee3 rgb(76,14,227)
```

Shade Color Variation

#5513f1
```
#5513f1 rgb(85,19,241)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#6f39f3
```
#6f39f3 rgb(111,57,243)
```
#7d4bf4
```
#7d4bf4 rgb(125,75,244)
```
#8a5ef5
```
#8a5ef5 rgb(138,94,245)
```
#9870f6
```
#9870f6 rgb(152,112,246)
```
#a583f8
```
#a583f8 rgb(165,131,248)
```
#b295f9
```
#b295f9 rgb(178,149,249)
```
#c0a8fa
```
#c0a8fa rgb(192,168,250)
```
#cdbafb
```
#cdbafb rgb(205,186,251)
```
#dbcdfc
```
#dbcdfc rgb(219,205,252)
```
#e8dffd
```
#e8dffd rgb(232,223,253)
```
#f5f2fe
```
#f5f2fe rgb(245,242,254)
```

Tint Color Variation

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

#8a8791
```
#8a8791 rgb(138,135,145)
```
#867e9a
```
#867e9a rgb(134,126,154)
```
#8376a2
```
#8376a2 rgb(131,118,162)
```
#7f6dab
```
#7f6dab rgb(127,109,171)
```
#7b64b4
```
#7b64b4 rgb(123,100,180)
```
#785bbd
```
#785bbd rgb(120,91,189)
```
#7452c6
```
#7452c6 rgb(116,82,198)
```
#7149cf
```
#7149cf rgb(113,73,207)
```
#6d41d7
```
#6d41d7 rgb(109,65,215)
```
#6938e0
```
#6938e0 rgb(105,56,224)
```
#662fe9
```
#662fe9 rgb(102,47,233)
```
#6226f2
```
#6226f2 rgb(98,38,242)
```
#5e1dfb
```
#5e1dfb rgb(94,29,251)
```

Tone Color Variation

Below, you can see how #6226f2 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

#4f4f4f Achromatopsia 0.005% of the population
#534770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#234bcf Protanomaly 1% of men, 0.01% of women
#234ebf Deuteranomaly 6% of men, 0.4% of women
#2353a2 Tritanomaly 0.01% of the population

#6226f2 hex color

#6226f2 Color Information

#6226f2 Color Conversion

Color Schemes with #6226f2

Alternatives to #6226f2

#6226f2 Preview

Shades and Tints of #6226f2

Tones of #6226f2

Color Blindness Simulator