#283c7e hex color

In a RGB color space, hex #283c7e is composed of 15.7% red, 23.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 52.4% magenta, 0% yellow and 50.6% black. It has a hue angle of 226 degrees, a saturation of 51.8% and a lightness of 32.5%. #283c7e color hex could be obtained by blending #5078fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 24
- B 49
RGB color chart
- C 68
- M 52
- Y 0
- K 51
CMYK color chart

● #283c7e color description : Dark moderate blue.

The hexadecimal color #283c7e has RGB values of R:40, G:60, B:126 and CMYK values of C:0.68, M:0.52, Y:0, K:0.51. Its decimal value is 2636926.

Hex triplet	283c7e	`#283c7e`
RGB Decimal	40, 60, 126	`rgb(40,60,126)`
RGB Percent	15.7, 23.5, 49.4	`rgb(15.7%,23.5%,49.4%)`
CMYK	68, 52, 0, 51
HSL	226°, 51.8, 32.5	`hsl(226,51.8%,32.5%)`
HSV (or HSB)	226°, 68.3, 49.4
Web Safe	333366	`#333366`

CIE-LAB	27.266, 15.387, -39.863
XYZ	6.256, 5.189, 20.409
xyY	0.196, 0.163, 5.189
CIE-LCH	27.266, 42.73, 291.106
CIE-LUV	27.266, -9.087, -52.096
Hunter-Lab	22.779, 9.16, -37.177
Binary	00101000, 00111100, 01111110

#283c7e
```
#283c7e rgb(40,60,126)
```
#7e6a28
```
#7e6a28 rgb(126,106,40)
```

Complementary Color

#28677e
```
#28677e rgb(40,103,126)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#3f287e
```
#3f287e rgb(63,40,126)
```

Analogous Color

#677e28
```
#677e28 rgb(103,126,40)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#7e3f28
```
#7e3f28 rgb(126,63,40)
```

Split Complementary Color

#3c7e28
```
#3c7e28 rgb(60,126,40)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#7e283c
```
#7e283c rgb(126,40,60)
```

Triadic Color

#287e6a
```
#287e6a rgb(40,126,106)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#7e283c
```
#7e283c rgb(126,40,60)
```
#7e6a28
```
#7e6a28 rgb(126,106,40)
```

Tetradic Color

#162044
```
#162044 rgb(22,32,68)
```
#1c2a57
```
#1c2a57 rgb(28,42,87)
```
#22336b
```
#22336b rgb(34,51,107)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#2e4591
```
#2e4591 rgb(46,69,145)
```
#344ea5
```
#344ea5 rgb(52,78,165)
```
#3a58b8
```
#3a58b8 rgb(58,88,184)
```

Monochromatic Color

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

#28527e
```
#28527e rgb(40,82,126)
```
#284a7e
```
#284a7e rgb(40,74,126)
```
#28437e
```
#28437e rgb(40,67,126)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#28357e
```
#28357e rgb(40,53,126)
```
#282e7e
```
#282e7e rgb(40,46,126)
```
#2a287e
```
#2a287e rgb(42,40,126)
```

Similar Colors

Text with hexadecimal color #283c7e

This text has a font color of #283c7e.

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

#283c7e background color

This paragraph has a background color of #283c7e.

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

#283c7e border color

This element has a border color of #283c7e.

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

CSS codes

.text {color:#283c7e;}

.background {background-color:#283c7e;}

.border {border:1px solid #283c7e;}

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

#020307
```
#020307 rgb(2,3,7)
```
#070a16
```
#070a16 rgb(7,10,22)
```
#0c1125
```
#0c1125 rgb(12,17,37)
```
#101934
```
#101934 rgb(16,25,52)
```
#152042
```
#152042 rgb(21,32,66)
```
#1a2751
```
#1a2751 rgb(26,39,81)
```
#1f2e60
```
#1f2e60 rgb(31,46,96)
```
#23356f
```
#23356f rgb(35,53,111)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#2d438d
```
#2d438d rgb(45,67,141)
```
#314a9c
```
#314a9c rgb(49,74,156)
```
#3651ab
```
#3651ab rgb(54,81,171)
```
#3b58ba
```
#3b58ba rgb(59,88,186)
```

Shade Color Variation

#4462c4
```
#4462c4 rgb(68,98,196)
```
#536ec8
```
#536ec8 rgb(83,110,200)
```
#627bcd
```
#627bcd rgb(98,123,205)
```
#7188d2
```
#7188d2 rgb(113,136,210)
```
#8094d7
```
#8094d7 rgb(128,148,215)
```
#8fa1db
```
#8fa1db rgb(143,161,219)
```
#9eade0
```
#9eade0 rgb(158,173,224)
```
#adbae5
```
#adbae5 rgb(173,186,229)
```
#bbc6ea
```
#bbc6ea rgb(187,198,234)
```
#cad3ee
```
#cad3ee rgb(202,211,238)
```
#d9dff3
```
#d9dff3 rgb(217,223,243)
```
#e8ecf8
```
#e8ecf8 rgb(232,236,248)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5058 is the less saturated color, while #0228a4 is the most saturated one.

#4e5058
```
#4e5058 rgb(78,80,88)
```
#484d5e
```
#484d5e rgb(72,77,94)
```
#424a64
```
#424a64 rgb(66,74,100)
```
#3b466b
```
#3b466b rgb(59,70,107)
```
#354371
```
#354371 rgb(53,67,113)
```
#2e3f78
```
#2e3f78 rgb(46,63,120)
```
#283c7e
```
#283c7e rgb(40,60,126)
```
#223984
```
#223984 rgb(34,57,132)
```
#1b358b
```
#1b358b rgb(27,53,139)
```
#153291
```
#153291 rgb(21,50,145)
```
#0e2e98
```
#0e2e98 rgb(14,46,152)
```
#082b9e
```
#082b9e rgb(8,43,158)
```
#0228a4
```
#0228a4 rgb(2,40,164)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3a3e4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#214886 Protanopia 1% of men
#004b7d Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#234383 Protanomaly 1% of men, 0.01% of women
#0e457d Deuteranomaly 6% of men, 0.4% of women
#0e4965 Tritanomaly 0.01% of the population

#283c7e hex color

#283c7e Color Information

#283c7e Color Conversion

Color Schemes with #283c7e

Alternatives to #283c7e

#283c7e Preview

Shades and Tints of #283c7e

Tones of #283c7e

Color Blindness Simulator