#282af2 hex color

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

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

● #282af2 color description : Bright blue.

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

Hex triplet	282af2	`#282af2`
RGB Decimal	40, 42, 242	`rgb(40,42,242)`
RGB Percent	15.7, 16.5, 94.9	`rgb(15.7%,16.5%,94.9%)`
CMYK	83, 83, 0, 5
HSL	239.4°, 88.6, 55.3	`hsl(239.4,88.6%,55.3%)`
HSV (or HSB)	239.4°, 83.5, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.036, 65.688, -95.951
XYZ	17.727, 8.517, 84.709
xyY	0.16, 0.077, 8.517
CIE-LCH	35.036, 116.282, 304.395
CIE-LUV	35.036, -9.289, -125.949
Hunter-Lab	29.183, 57.356, -151.671
Binary	00101000, 00101010, 11110010

#282af2
```
#282af2 rgb(40,42,242)
```
#f2f028
```
#f2f028 rgb(242,240,40)
```

Complementary Color

#288ff2
```
#288ff2 rgb(40,143,242)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#8b28f2
```
#8b28f2 rgb(139,40,242)
```

Analogous Color

#8ff228
```
#8ff228 rgb(143,242,40)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#f28b28
```
#f28b28 rgb(242,139,40)
```

Split Complementary Color

#2af228
```
#2af228 rgb(42,242,40)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#f2282a
```
#f2282a rgb(242,40,42)
```

Triadic Color

#28f2f0
```
#28f2f0 rgb(40,242,240)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#f2282a
```
#f2282a rgb(242,40,42)
```
#f2f028
```
#f2f028 rgb(242,240,40)
```

Tetradic Color

#0c0ec2
```
#0c0ec2 rgb(12,14,194)
```
#0d0fda
```
#0d0fda rgb(13,15,218)
```
#1012f1
```
#1012f1 rgb(16,18,241)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#4042f3
```
#4042f3 rgb(64,66,243)
```
#585af5
```
#585af5 rgb(88,90,245)
```
#7071f6
```
#7071f6 rgb(112,113,246)
```

Monochromatic Color

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

#285df2
```
#285df2 rgb(40,93,242)
```
#284cf2
```
#284cf2 rgb(40,76,242)
```
#283bf2
```
#283bf2 rgb(40,59,242)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#3728f2
```
#3728f2 rgb(55,40,242)
```
#4828f2
```
#4828f2 rgb(72,40,242)
```
#5828f2
```
#5828f2 rgb(88,40,242)
```

Similar Colors

Text with hexadecimal color #282af2

This text has a font color of #282af2.

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

#282af2 background color

This paragraph has a background color of #282af2.

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

#282af2 border color

This element has a border color of #282af2.

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

CSS codes

.text {color:#282af2;}

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

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

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

#000007
```
#000007 rgb(0,0,7)
```
#020219
```
#020219 rgb(2,2,25)
```
#03032c
```
#03032c rgb(3,3,44)
```
#04043e
```
#04043e rgb(4,4,62)
```
#050651
```
#050651 rgb(5,6,81)
```
#060763
```
#060763 rgb(6,7,99)
```
#070876
```
#070876 rgb(7,8,118)
```
#080a88
```
#080a88 rgb(8,10,136)
```
#090b9b
```
#090b9b rgb(9,11,155)
```
#0a0cad
```
#0a0cad rgb(10,12,173)
```
#0c0dc0
```
#0c0dc0 rgb(12,13,192)
```
#0d0fd2
```
#0d0fd2 rgb(13,15,210)
```
#0e10e5
```
#0e10e5 rgb(14,16,229)
```

Shade Color Variation

#1618f1
```
#1618f1 rgb(22,24,241)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#3a3cf3
```
#3a3cf3 rgb(58,60,243)
```
#4d4ff4
```
#4d4ff4 rgb(77,79,244)
```
#5f61f5
```
#5f61f5 rgb(95,97,245)
```
#7273f6
```
#7273f6 rgb(114,115,246)
```
#8486f8
```
#8486f8 rgb(132,134,248)
```
#9798f9
```
#9798f9 rgb(151,152,249)
```
#a9aafa
```
#a9aafa rgb(169,170,250)
```
#bcbdfb
```
#bcbdfb rgb(188,189,251)
```
#cecffc
```
#cecffc rgb(206,207,252)
```
#e1e1fd
```
#e1e1fd rgb(225,225,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 #1f21fb is the most saturated one.

#888992
```
#888992 rgb(136,137,146)
```
#80809a
```
#80809a rgb(128,128,154)
```
#7777a3
```
#7777a3 rgb(119,119,163)
```
#6e6fac
```
#6e6fac rgb(110,111,172)
```
#6566b5
```
#6566b5 rgb(101,102,181)
```
#5d5ebd
```
#5d5ebd rgb(93,94,189)
```
#5455c6
```
#5455c6 rgb(84,85,198)
```
#4b4ccf
```
#4b4ccf rgb(75,76,207)
```
#4244d8
```
#4244d8 rgb(66,68,216)
```
#3a3be0
```
#3a3be0 rgb(58,59,224)
```
#3133e9
```
#3133e9 rgb(49,51,233)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#1f21fb
```
#1f21fb rgb(31,33,251)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3b3c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0e47c5 Protanomaly 1% of men, 0.01% of women
#0e4bb6 Deuteranomaly 6% of men, 0.4% of women
#0e4f9a Tritanomaly 0.01% of the population

#282af2 hex color

#282af2 Color Information

#282af2 Color Conversion

Color Schemes with #282af2

Alternatives to #282af2

#282af2 Preview

Shades and Tints of #282af2

Tones of #282af2

Color Blindness Simulator