#b229ff hex color

In a RGB color space, hex #b229ff is composed of 69.8% red, 16.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 83.9% magenta, 0% yellow and 0% black. It has a hue angle of 278.4 degrees, a saturation of 100% and a lightness of 58%. #b229ff color hex could be obtained by blending #ff52ff with #6500ff. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 16
- B 100
RGB color chart
- C 30
- M 84
- Y 0
- K 0
CMYK color chart

● #b229ff color description : Vivid violet.

The hexadecimal color #b229ff has RGB values of R:178, G:41, B:255 and CMYK values of C:0.3, M:0.84, Y:0, K:0. Its decimal value is 11676159.

Hex triplet	b229ff	`#b229ff`
RGB Decimal	178, 41, 255	`rgb(178,41,255)`
RGB Percent	69.8, 16.1, 100	`rgb(69.8%,16.1%,100%)`
CMYK	30, 84, 0, 0
HSL	278.4°, 100, 58	`hsl(278.4,100%,58%)`
HSV (or HSB)	278.4°, 83.9, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.824, 82.016, -78.402
XYZ	37.2, 18.272, 96.169
xyY	0.245, 0.12, 18.272
CIE-LCH	49.824, 113.461, 316.291
CIE-LUV	49.824, 32.549, -125.761
Hunter-Lab	42.746, 80.54, -103.469
Binary	10110010, 00101001, 11111111

#b229ff
```
#b229ff rgb(178,41,255)
```
#76ff29
```
#76ff29 rgb(118,255,41)
```

Complementary Color

#4729ff
```
#4729ff rgb(71,41,255)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#ff29e1
```
#ff29e1 rgb(255,41,225)
```

Analogous Color

#29ff47
```
#29ff47 rgb(41,255,71)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#e1ff29
```
#e1ff29 rgb(225,255,41)
```

Split Complementary Color

#29ffb2
```
#29ffb2 rgb(41,255,178)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#ffb229
```
#ffb229 rgb(255,178,41)
```

Triadic Color

#2976ff
```
#2976ff rgb(41,118,255)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#ffb229
```
#ffb229 rgb(255,178,41)
```
#76ff29
```
#76ff29 rgb(118,255,41)
```

Tetradic Color

#8d00dc
```
#8d00dc rgb(141,0,220)
```
#9d00f5
```
#9d00f5 rgb(157,0,245)
```
#a910ff
```
#a910ff rgb(169,16,255)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#bb43ff
```
#bb43ff rgb(187,67,255)
```
#c45cff
```
#c45cff rgb(196,92,255)
```
#ce76ff
```
#ce76ff rgb(206,118,255)
```

Monochromatic Color

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

#7d29ff
```
#7d29ff rgb(125,41,255)
```
#8e29ff
```
#8e29ff rgb(142,41,255)
```
#a029ff
```
#a029ff rgb(160,41,255)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#c429ff
```
#c429ff rgb(196,41,255)
```
#d629ff
```
#d629ff rgb(214,41,255)
```
#e829ff
```
#e829ff rgb(232,41,255)
```

Similar Colors

Text with hexadecimal color #b229ff

This text has a font color of #b229ff.

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

#b229ff background color

This paragraph has a background color of #b229ff.

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

#b229ff border color

This element has a border color of #b229ff.

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

CSS codes

.text {color:#b229ff;}

.background {background-color:#b229ff;}

.border {border:1px solid #b229ff;}

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

#010002
```
#010002 rgb(1,0,2)
```
#0e0015
```
#0e0015 rgb(14,0,21)
```
#1a0029
```
#1a0029 rgb(26,0,41)
```
#27003d
```
#27003d rgb(39,0,61)
```
#330050
```
#330050 rgb(51,0,80)
```
#400064
```
#400064 rgb(64,0,100)
```
#4c0077
```
#4c0077 rgb(76,0,119)
```
#59008b
```
#59008b rgb(89,0,139)
```
#66009f
```
#66009f rgb(102,0,159)
```
#7200b2
```
#7200b2 rgb(114,0,178)
```
#7f00c6
```
#7f00c6 rgb(127,0,198)
```
#8b00da
```
#8b00da rgb(139,0,218)
```
#9800ed
```
#9800ed rgb(152,0,237)
```

Shade Color Variation

#a402ff
```
#a402ff rgb(164,2,255)
```
#ab15ff
```
#ab15ff rgb(171,21,255)
```
#b229ff
```
#b229ff rgb(178,41,255)
```
#b93dff
```
#b93dff rgb(185,61,255)
```
#c050ff
```
#c050ff rgb(192,80,255)
```
#c764ff
```
#c764ff rgb(199,100,255)
```
#ce77ff
```
#ce77ff rgb(206,119,255)
```
#d58bff
```
#d58bff rgb(213,139,255)
```
#dc9fff
```
#dc9fff rgb(220,159,255)
```
#e3b2ff
```
#e3b2ff rgb(227,178,255)
```
#eac6ff
```
#eac6ff rgb(234,198,255)
```
#f2daff
```
#f2daff rgb(242,218,255)
```
#f9edff
```
#f9edff rgb(249,237,255)
```

Tint Color Variation

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

#968c9c
```
#968c9c rgb(150,140,156)
```
#9984a4
```
#9984a4 rgb(153,132,164)
```
#9b7bad
```
#9b7bad rgb(155,123,173)
```
#9d73b5
```
#9d73b5 rgb(157,115,181)
```
#a06bbd
```
#a06bbd rgb(160,107,189)
```
#a263c5
```
#a263c5 rgb(162,99,197)
```
#a45ace
```
#a45ace rgb(164,90,206)
```
#a652d6
```
#a652d6 rgb(166,82,214)
```
#a94ade
```
#a94ade rgb(169,74,222)
```
#ab42e6
```
#ab42e6 rgb(171,66,230)
```
#ad39ef
```
#ad39ef rgb(173,57,239)
```
#b031f7
```
#b031f7 rgb(176,49,247)
```
#b229ff
```
#b229ff rgb(178,41,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#785d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#9a737b Tritanopia 0.001% of the population

Trichromacy

#405cf3 Protanomaly 1% of men, 0.01% of women
#4060e2 Deuteranomaly 6% of men, 0.4% of women
#a358ab Tritanomaly 0.01% of the population

#b229ff hex color

#b229ff Color Information

#b229ff Color Conversion

Color Schemes with #b229ff

Alternatives to #b229ff

#b229ff Preview

Shades and Tints of #b229ff

Tones of #b229ff

Color Blindness Simulator