colorhexa.com

#283196 hex color

In a RGB color space, hex #283196 is composed of 15.7% red, 19.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 67.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 235.1 degrees, a saturation of 57.9% and a lightness of 37.3%. #283196 color hex could be obtained by blending #5062ff with #00002d. Closest websafe color is: #333399.

- R 16
- G 19
- B 59
RGB color chart
- C 73
- M 67
- Y 0
- K 41
CMYK color chart

● #283196 color description : Dark blue.

The hexadecimal color #283196 has RGB values of R:40, G:49, B:150 and CMYK values of C:0.73, M:0.67, Y:0, K:0.41. Its decimal value is 2634134.

Hex triplet	283196	`#283196`
RGB Decimal	40, 49, 150	`rgb(40,49,150)`
RGB Percent	15.7, 19.2, 58.8	`rgb(15.7%,19.2%,58.8%)`
CMYK	73, 67, 0, 41
HSL	235.1°, 57.9, 37.3	`hsl(235.1,57.9%,37.3%)`
HSV (or HSB)	235.1°, 73.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	26.301, 31.91, -56.327
XYZ	7.477, 4.849, 29.394
xyY	0.179, 0.116, 4.849
CIE-LCH	26.301, 64.738, 299.532
CIE-LUV	26.301, -6.918, -71.518
Hunter-Lab	22.021, 22.073, -63.727
Binary	00101000, 00110001, 10010110

#283196
```
#283196 rgb(40,49,150)
```
#968d28
```
#968d28 rgb(150,141,40)
```

Complementary Color

#286896
```
#286896 rgb(40,104,150)
```
#283196
```
#283196 rgb(40,49,150)
```
#562896
```
#562896 rgb(86,40,150)
```

Analogous Color

#689628
```
#689628 rgb(104,150,40)
```
#283196
```
#283196 rgb(40,49,150)
```
#965628
```
#965628 rgb(150,86,40)
```

Split Complementary Color

#319628
```
#319628 rgb(49,150,40)
```
#283196
```
#283196 rgb(40,49,150)
```
#962831
```
#962831 rgb(150,40,49)
```

Triadic Color

#28968d
```
#28968d rgb(40,150,141)
```
#283196
```
#283196 rgb(40,49,150)
```
#962831
```
#962831 rgb(150,40,49)
```
#968d28
```
#968d28 rgb(150,141,40)
```

Tetradic Color

#181d5a
```
#181d5a rgb(24,29,90)
```
#1d246e
```
#1d246e rgb(29,36,110)
```
#232a82
```
#232a82 rgb(35,42,130)
```
#283196
```
#283196 rgb(40,49,150)
```
#2d38aa
```
#2d38aa rgb(45,56,170)
```
#333ebe
```
#333ebe rgb(51,62,190)
```
#3f4acc
```
#3f4acc rgb(63,74,204)
```

Monochromatic Color

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

#284d96
```
#284d96 rgb(40,77,150)
```
#284396
```
#284396 rgb(40,67,150)
```
#283a96
```
#283a96 rgb(40,58,150)
```
#283196
```
#283196 rgb(40,49,150)
```
#282896
```
#282896 rgb(40,40,150)
```
#312896
```
#312896 rgb(49,40,150)
```
#3b2896
```
#3b2896 rgb(59,40,150)
```

Similar Colors

Text with hexadecimal color #283196

This text has a font color of #283196.

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

#283196 background color

This paragraph has a background color of #283196.

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

#283196 border color

This element has a border color of #283196.

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

CSS codes

.text {color:#283196;}

.background {background-color:#283196;}

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

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, #03030b is the darkest color, while #fafafe is the lightest one.

#03030b
```
#03030b rgb(3,3,11)
```
#07091a
```
#07091a rgb(7,9,26)
```
#0b0e2a
```
#0b0e2a rgb(11,14,42)
```
#0f1339
```
#0f1339 rgb(15,19,57)
```
#131849
```
#131849 rgb(19,24,73)
```
#171d58
```
#171d58 rgb(23,29,88)
```
#1c2268
```
#1c2268 rgb(28,34,104)
```
#202777
```
#202777 rgb(32,39,119)
```
#242c87
```
#242c87 rgb(36,44,135)
```
#283196
```
#283196 rgb(40,49,150)
```
#2c36a5
```
#2c36a5 rgb(44,54,165)
```
#303bb5
```
#303bb5 rgb(48,59,181)
```
#3440c4
```
#3440c4 rgb(52,64,196)
```

Shade Color Variation

#404ccc
```
#404ccc rgb(64,76,204)
```
#505ad0
```
#505ad0 rgb(80,90,208)
```
#5f69d4
```
#5f69d4 rgb(95,105,212)
```
#6f77d9
```
#6f77d9 rgb(111,119,217)
```
#7e86dd
```
#7e86dd rgb(126,134,221)
```
#8e95e1
```
#8e95e1 rgb(142,149,225)
```
#9da3e5
```
#9da3e5 rgb(157,163,229)
```
#adb2e9
```
#adb2e9 rgb(173,178,233)
```
#bcc0ed
```
#bcc0ed rgb(188,192,237)
```
#cccff1
```
#cccff1 rgb(204,207,241)
```
#dbddf5
```
#dbddf5 rgb(219,221,245)
```
#ebecfa
```
#ebecfa rgb(235,236,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#5b5c63
```
#5b5c63 rgb(91,92,99)
```
#54566a
```
#54566a rgb(84,86,106)
```
#4d5071
```
#4d5071 rgb(77,80,113)
```
#454979
```
#454979 rgb(69,73,121)
```
#3e4380
```
#3e4380 rgb(62,67,128)
```
#373d87
```
#373d87 rgb(55,61,135)
```
#2f378f
```
#2f378f rgb(47,55,143)
```
#283196
```
#283196 rgb(40,49,150)
```
#212b9d
```
#212b9d rgb(33,43,157)
```
#1925a5
```
#1925a5 rgb(25,37,165)
```
#121fac
```
#121fac rgb(18,31,172)
```
#0b19b3
```
#0b19b3 rgb(11,25,179)
```
#0312bb
```
#0312bb rgb(3,18,187)
```

Tone Color Variation

Below, you can see how #283196 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
#36384c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#0e3e8d Protanomaly 1% of men, 0.01% of women
#0e4082 Deuteranomaly 6% of men, 0.4% of women
#0e446c Tritanomaly 0.01% of the population