#282ff2 hex color

In a RGB color space, hex #282ff2 is composed of 15.7% red, 18.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 80.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 237.9 degrees, a saturation of 88.6% and a lightness of 55.3%. #282ff2 color hex could be obtained by blending #505eff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 18
- B 95
RGB color chart
- C 83
- M 81
- Y 0
- K 5
CMYK color chart

● #282ff2 color description : Bright blue.

The hexadecimal color #282ff2 has RGB values of R:40, G:47, B:242 and CMYK values of C:0.83, M:0.81, Y:0, K:0.05. Its decimal value is 2633714.

Hex triplet	282ff2	`#282ff2`
RGB Decimal	40, 47, 242	`rgb(40,47,242)`
RGB Percent	15.7, 18.4, 94.9	`rgb(15.7%,18.4%,94.9%)`
CMYK	83, 81, 0, 5
HSL	237.9°, 88.6, 55.3	`hsl(237.9,88.6%,55.3%)`
HSV (or HSB)	237.9°, 83.5, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.779, 63.497, -94.716
XYZ	17.915, 8.894, 84.772
xyY	0.161, 0.08, 8.894
CIE-LCH	35.779, 114.031, 303.838
CIE-LUV	35.779, -9.849, -126.053
Hunter-Lab	29.822, 55.043, -147.661
Binary	00101000, 00101111, 11110010

#282ff2
```
#282ff2 rgb(40,47,242)
```
#f2eb28
```
#f2eb28 rgb(242,235,40)
```

Complementary Color

#2894f2
```
#2894f2 rgb(40,148,242)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#8628f2
```
#8628f2 rgb(134,40,242)
```

Analogous Color

#94f228
```
#94f228 rgb(148,242,40)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#f28628
```
#f28628 rgb(242,134,40)
```

Split Complementary Color

#2ff228
```
#2ff228 rgb(47,242,40)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#f2282f
```
#f2282f rgb(242,40,47)
```

Triadic Color

#28f2eb
```
#28f2eb rgb(40,242,235)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#f2282f
```
#f2282f rgb(242,40,47)
```
#f2eb28
```
#f2eb28 rgb(242,235,40)
```

Tetradic Color

#0c12c2
```
#0c12c2 rgb(12,18,194)
```
#0d14da
```
#0d14da rgb(13,20,218)
```
#1018f1
```
#1018f1 rgb(16,24,241)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#4046f3
```
#4046f3 rgb(64,70,243)
```
#585ef5
```
#585ef5 rgb(88,94,245)
```
#7075f6
```
#7075f6 rgb(112,117,246)
```

Monochromatic Color

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

#2862f2
```
#2862f2 rgb(40,98,242)
```
#2851f2
```
#2851f2 rgb(40,81,242)
```
#2840f2
```
#2840f2 rgb(40,64,242)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#3228f2
```
#3228f2 rgb(50,40,242)
```
#4328f2
```
#4328f2 rgb(67,40,242)
```
#5328f2
```
#5328f2 rgb(83,40,242)
```

Similar Colors

Text with hexadecimal color #282ff2

This text has a font color of #282ff2.

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

#282ff2 background color

This paragraph has a background color of #282ff2.

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

#282ff2 border color

This element has a border color of #282ff2.

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

CSS codes

.text {color:#282ff2;}

.background {background-color:#282ff2;}

.border {border:1px solid #282ff2;}

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 #f3f4fe is the lightest one.

#000107
```
#000107 rgb(0,1,7)
```
#020219
```
#020219 rgb(2,2,25)
```
#03042c
```
#03042c rgb(3,4,44)
```
#04063e
```
#04063e rgb(4,6,62)
```
#050851
```
#050851 rgb(5,8,81)
```
#060963
```
#060963 rgb(6,9,99)
```
#070b76
```
#070b76 rgb(7,11,118)
```
#080d88
```
#080d88 rgb(8,13,136)
```
#090e9b
```
#090e9b rgb(9,14,155)
```
#0a10ad
```
#0a10ad rgb(10,16,173)
```
#0c12c0
```
#0c12c0 rgb(12,18,192)
```
#0d14d2
```
#0d14d2 rgb(13,20,210)
```
#0e15e5
```
#0e15e5 rgb(14,21,229)
```

Shade Color Variation

#161df1
```
#161df1 rgb(22,29,241)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#3a41f3
```
#3a41f3 rgb(58,65,243)
```
#4d53f4
```
#4d53f4 rgb(77,83,244)
```
#5f65f5
```
#5f65f5 rgb(95,101,245)
```
#7277f6
```
#7277f6 rgb(114,119,246)
```
#8488f8
```
#8488f8 rgb(132,136,248)
```
#979af9
```
#979af9 rgb(151,154,249)
```
#a9acfa
```
#a9acfa rgb(169,172,250)
```
#bcbefb
```
#bcbefb rgb(188,190,251)
```
#ced0fc
```
#ced0fc rgb(206,208,252)
```
#e1e2fd
```
#e1e2fd rgb(225,226,253)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#888992
```
#888992 rgb(136,137,146)
```
#80819a
```
#80819a rgb(128,129,154)
```
#7778a3
```
#7778a3 rgb(119,120,163)
```
#6e70ac
```
#6e70ac rgb(110,112,172)
```
#6568b5
```
#6568b5 rgb(101,104,181)
```
#5d60bd
```
#5d60bd rgb(93,96,189)
```
#5458c6
```
#5458c6 rgb(84,88,198)
```
#4b50cf
```
#4b50cf rgb(75,80,207)
```
#4247d8
```
#4247d8 rgb(66,71,216)
```
#3a3fe0
```
#3a3fe0 rgb(58,63,224)
```
#3137e9
```
#3137e9 rgb(49,55,233)
```
#282ff2
```
#282ff2 rgb(40,47,242)
```
#1f27fb
```
#1f27fb rgb(31,39,251)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e3f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0e4ac7 Protanomaly 1% of men, 0.01% of women
#0e4eb8 Deuteranomaly 6% of men, 0.4% of women
#0e529b Tritanomaly 0.01% of the population

#282ff2 hex color

#282ff2 Color Information

#282ff2 Color Conversion

Color Schemes with #282ff2

Alternatives to #282ff2

#282ff2 Preview

Shades and Tints of #282ff2

Tones of #282ff2

Color Blindness Simulator