#282caf hex color

In a RGB color space, hex #282caf is composed of 15.7% red, 17.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 74.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 238.2 degrees, a saturation of 62.8% and a lightness of 42.2%. #282caf color hex could be obtained by blending #5058ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 17
- B 69
RGB color chart
- C 77
- M 75
- Y 0
- K 31
CMYK color chart

● #282caf color description : Dark blue.

The hexadecimal color #282caf has RGB values of R:40, G:44, B:175 and CMYK values of C:0.77, M:0.75, Y:0, K:0.31. Its decimal value is 2632879.

Hex triplet	282caf	`#282caf`
RGB Decimal	40, 44, 175	`rgb(40,44,175)`
RGB Percent	15.7, 17.3, 68.6	`rgb(15.7%,17.3%,68.6%)`
CMYK	77, 75, 0, 31
HSL	238.2°, 62.8, 42.2	`hsl(238.2,62.8%,42.2%)`
HSV (or HSB)	238.2°, 77.1, 68.6
Web Safe	333399	`#333399`

CIE-LAB	27.701, 43.771, -69.177
XYZ	9.512, 5.347, 41.086
xyY	0.17, 0.096, 5.347
CIE-LCH	27.701, 81.862, 302.323
CIE-LUV	27.701, -6.91, -87.285
Hunter-Lab	23.124, 32.961, -89.159
Binary	00101000, 00101100, 10101111

#282caf
```
#282caf rgb(40,44,175)
```
#afab28
```
#afab28 rgb(175,171,40)
```

Complementary Color

#2870af
```
#2870af rgb(40,112,175)
```
#282caf
```
#282caf rgb(40,44,175)
```
#6828af
```
#6828af rgb(104,40,175)
```

Analogous Color

#70af28
```
#70af28 rgb(112,175,40)
```
#282caf
```
#282caf rgb(40,44,175)
```
#af6828
```
#af6828 rgb(175,104,40)
```

Split Complementary Color

#2caf28
```
#2caf28 rgb(44,175,40)
```
#282caf
```
#282caf rgb(40,44,175)
```
#af282c
```
#af282c rgb(175,40,44)
```

Triadic Color

#28afab
```
#28afab rgb(40,175,171)
```
#282caf
```
#282caf rgb(40,44,175)
```
#af282c
```
#af282c rgb(175,40,44)
```
#afab28
```
#afab28 rgb(175,171,40)
```

Tetradic Color

#1a1c71
```
#1a1c71 rgb(26,28,113)
```
#1f2285
```
#1f2285 rgb(31,34,133)
```
#23279a
```
#23279a rgb(35,39,154)
```
#282caf
```
#282caf rgb(40,44,175)
```
#2d31c4
```
#2d31c4 rgb(45,49,196)
```
#383dd2
```
#383dd2 rgb(56,61,210)
```
#4d51d6
```
#4d51d6 rgb(77,81,214)
```

Monochromatic Color

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

#284eaf
```
#284eaf rgb(40,78,175)
```
#2843af
```
#2843af rgb(40,67,175)
```
#2837af
```
#2837af rgb(40,55,175)
```
#282caf
```
#282caf rgb(40,44,175)
```
#2f28af
```
#2f28af rgb(47,40,175)
```
#3a28af
```
#3a28af rgb(58,40,175)
```
#4628af
```
#4628af rgb(70,40,175)
```

Similar Colors

Text with hexadecimal color #282caf

This text has a font color of #282caf.

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

#282caf background color

This paragraph has a background color of #282caf.

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

#282caf border color

This element has a border color of #282caf.

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

CSS codes

.text {color:#282caf;}

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

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

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, #04040f is the darkest color, while #fefeff is the lightest one.

#04040f
```
#04040f rgb(4,4,15)
```
#07081f
```
#07081f rgb(7,8,31)
```
#0b0c2f
```
#0b0c2f rgb(11,12,47)
```
#0e103f
```
#0e103f rgb(14,16,63)
```
#12144f
```
#12144f rgb(18,20,79)
```
#16185f
```
#16185f rgb(22,24,95)
```
#191c6f
```
#191c6f rgb(25,28,111)
```
#1d207f
```
#1d207f rgb(29,32,127)
```
#21248f
```
#21248f rgb(33,36,143)
```
#24289f
```
#24289f rgb(36,40,159)
```
#282caf
```
#282caf rgb(40,44,175)
```
#2c30bf
```
#2c30bf rgb(44,48,191)
```
#2f34cf
```
#2f34cf rgb(47,52,207)
```

Shade Color Variation

#3f43d3
```
#3f43d3 rgb(63,67,211)
```
#4f53d7
```
#4f53d7 rgb(79,83,215)
```
#5f62da
```
#5f62da rgb(95,98,218)
```
#6f72de
```
#6f72de rgb(111,114,222)
```
#7f82e2
```
#7f82e2 rgb(127,130,226)
```
#8f91e5
```
#8f91e5 rgb(143,145,229)
```
#9fa1e9
```
#9fa1e9 rgb(159,161,233)
```
#afb0ed
```
#afb0ed rgb(175,176,237)
```
#bfc0f0
```
#bfc0f0 rgb(191,192,240)
```
#ced0f4
```
#ced0f4 rgb(206,208,244)
```
#dedff8
```
#dedff8 rgb(222,223,248)
```
#eeeffb
```
#eeeffb rgb(238,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a6d is the less saturated color, while #070dd0 is the most saturated one.

#6a6a6d
```
#6a6a6d rgb(106,106,109)
```
#626275
```
#626275 rgb(98,98,117)
```
#5a5b7d
```
#5a5b7d rgb(90,91,125)
```
#515386
```
#515386 rgb(81,83,134)
```
#494b8e
```
#494b8e rgb(73,75,142)
```
#414396
```
#414396 rgb(65,67,150)
```
#393c9e
```
#393c9e rgb(57,60,158)
```
#3034a7
```
#3034a7 rgb(48,52,167)
```
#282caf
```
#282caf rgb(40,44,175)
```
#2024b7
```
#2024b7 rgb(32,36,183)
```
#171cc0
```
#171cc0 rgb(23,28,192)
```
#0f15c8
```
#0f15c8 rgb(15,21,200)
```
#070dd0
```
#070dd0 rgb(7,13,208)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#363751 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#0e3e9a Protanomaly 1% of men, 0.01% of women
#0e418e Deuteranomaly 6% of men, 0.4% of women
#0e4476 Tritanomaly 0.01% of the population

#282caf hex color

#282caf Color Information

#282caf Color Conversion

Color Schemes with #282caf

Alternatives to #282caf

#282caf Preview

Shades and Tints of #282caf

Tones of #282caf

Color Blindness Simulator