#283a7d hex color

In a RGB color space, hex #283a7d is composed of 15.7% red, 22.7% green and 49% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 53.6% magenta, 0% yellow and 51% black. It has a hue angle of 227.3 degrees, a saturation of 51.5% and a lightness of 32.4%. #283a7d color hex could be obtained by blending #5074fa with #000000. Closest websafe color is: #333366.

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

● #283a7d color description : Dark moderate blue.

The hexadecimal color #283a7d has RGB values of R:40, G:58, B:125 and CMYK values of C:0.68, M:0.54, Y:0, K:0.51. Its decimal value is 2636413.

Hex triplet	283a7d	`#283a7d`
RGB Decimal	40, 58, 125	`rgb(40,58,125)`
RGB Percent	15.7, 22.7, 49	`rgb(15.7%,22.7%,49%)`
CMYK	68, 54, 0, 51
HSL	227.3°, 51.5, 32.4	`hsl(227.3,51.5%,32.4%)`
HSV (or HSB)	227.3°, 68, 49
Web Safe	333366	`#333366`

CIE-LAB	26.613, 16.387, -40.288
XYZ	6.089, 4.958, 20.037
xyY	0.196, 0.159, 4.958
CIE-LCH	26.613, 43.493, 292.134
CIE-LUV	26.613, -8.499, -52.212
Hunter-Lab	22.266, 9.85, -37.77
Binary	00101000, 00111010, 01111101

#283a7d
```
#283a7d rgb(40,58,125)
```
#7d6b28
```
#7d6b28 rgb(125,107,40)
```

Complementary Color

#28657d
```
#28657d rgb(40,101,125)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#40287d
```
#40287d rgb(64,40,125)
```

Analogous Color

#657d28
```
#657d28 rgb(101,125,40)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#7d4128
```
#7d4128 rgb(125,65,40)
```

Split Complementary Color

#3a7d28
```
#3a7d28 rgb(58,125,40)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#7d283a
```
#7d283a rgb(125,40,58)
```

Triadic Color

#287d6b
```
#287d6b rgb(40,125,107)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#7d283a
```
#7d283a rgb(125,40,58)
```
#7d6b28
```
#7d6b28 rgb(125,107,40)
```

Tetradic Color

#151f43
```
#151f43 rgb(21,31,67)
```
#1c2856
```
#1c2856 rgb(28,40,86)
```
#22316a
```
#22316a rgb(34,49,106)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#2e4390
```
#2e4390 rgb(46,67,144)
```
#344ca4
```
#344ca4 rgb(52,76,164)
```
#3b55b7
```
#3b55b7 rgb(59,85,183)
```

Monochromatic Color

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

#284f7d
```
#284f7d rgb(40,79,125)
```
#28487d
```
#28487d rgb(40,72,125)
```
#28417d
```
#28417d rgb(40,65,125)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#28337d
```
#28337d rgb(40,51,125)
```
#282c7d
```
#282c7d rgb(40,44,125)
```
#2b287d
```
#2b287d rgb(43,40,125)
```

Similar Colors

Text with hexadecimal color #283a7d

This text has a font color of #283a7d.

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

#283a7d background color

This paragraph has a background color of #283a7d.

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

#283a7d border color

This element has a border color of #283a7d.

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

CSS codes

.text {color:#283a7d;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070a15
```
#070a15 rgb(7,10,21)
```
#0b1124
```
#0b1124 rgb(11,17,36)
```
#101833
```
#101833 rgb(16,24,51)
```
#151e42
```
#151e42 rgb(21,30,66)
```
#1a2550
```
#1a2550 rgb(26,37,80)
```
#1e2c5f
```
#1e2c5f rgb(30,44,95)
```
#23336e
```
#23336e rgb(35,51,110)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#2d418c
```
#2d418c rgb(45,65,140)
```
#32489b
```
#32489b rgb(50,72,155)
```
#364faa
```
#364faa rgb(54,79,170)
```
#3b56b8
```
#3b56b8 rgb(59,86,184)
```

Shade Color Variation

#445fc3
```
#445fc3 rgb(68,95,195)
```
#536cc8
```
#536cc8 rgb(83,108,200)
```
#6278cd
```
#6278cd rgb(98,120,205)
```
#7185d1
```
#7185d1 rgb(113,133,209)
```
#7f92d6
```
#7f92d6 rgb(127,146,214)
```
#8e9edb
```
#8e9edb rgb(142,158,219)
```
#9dabe0
```
#9dabe0 rgb(157,171,224)
```
#acb8e4
```
#acb8e4 rgb(172,184,228)
```
#bbc5e9
```
#bbc5e9 rgb(187,197,233)
```
#cad1ee
```
#cad1ee rgb(202,209,238)
```
#d9def3
```
#d9def3 rgb(217,222,243)
```
#e7ebf7
```
#e7ebf7 rgb(231,235,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#4e5057
```
#4e5057 rgb(78,80,87)
```
#484c5d
```
#484c5d rgb(72,76,93)
```
#414964
```
#414964 rgb(65,73,100)
```
#3b456a
```
#3b456a rgb(59,69,106)
```
#354170
```
#354170 rgb(53,65,112)
```
#2e3e77
```
#2e3e77 rgb(46,62,119)
```
#283a7d
```
#283a7d rgb(40,58,125)
```
#223683
```
#223683 rgb(34,54,131)
```
#1b338a
```
#1b338a rgb(27,51,138)
```
#152f90
```
#152f90 rgb(21,47,144)
```
#0f2b96
```
#0f2b96 rgb(15,43,150)
```
#08289d
```
#08289d rgb(8,40,157)
```
#0224a3
```
#0224a3 rgb(2,36,163)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#383c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c4686 Protanopia 1% of men
#004a7a Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#204282 Protanomaly 1% of men, 0.01% of women
#0e447b Deuteranomaly 6% of men, 0.4% of women
#0e4864 Tritanomaly 0.01% of the population

#283a7d hex color

#283a7d Color Information

#283a7d Color Conversion

Color Schemes with #283a7d

Alternatives to #283a7d

#283a7d Preview

Shades and Tints of #283a7d

Tones of #283a7d

Color Blindness Simulator