colorhexa.com

#2d3763 hex color

In a RGB color space, hex #2d3763 is composed of 17.6% red, 21.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 44.4% magenta, 0% yellow and 61.2% black. It has a hue angle of 228.9 degrees, a saturation of 37.5% and a lightness of 28.2%. #2d3763 color hex could be obtained by blending #5a6ec6 with #000000. Closest websafe color is: #333366.

- R 18
- G 22
- B 39
RGB color chart
- C 55
- M 44
- Y 0
- K 61
CMYK color chart

● #2d3763 color description : Very dark desaturated blue.

The hexadecimal color #2d3763 has RGB values of R:45, G:55, B:99 and CMYK values of C:0.55, M:0.44, Y:0, K:0.61. Its decimal value is 2963299.

Hex triplet	2d3763	`#2d3763`
RGB Decimal	45, 55, 99	`rgb(45,55,99)`
RGB Percent	17.6, 21.6, 38.8	`rgb(17.6%,21.6%,38.8%)`
CMYK	55, 44, 0, 61
HSL	228.9°, 37.5, 28.2	`hsl(228.9,37.5%,28.2%)`
HSV (or HSB)	228.9°, 54.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	24.293, 9.847, -27.381
XYZ	4.7, 4.191, 12.365
xyY	0.221, 0.197, 4.191
CIE-LCH	24.293, 29.098, 289.78
CIE-LUV	24.293, -5.75, -34.089
Hunter-Lab	20.472, 5.156, -21.481
Binary	00101101, 00110111, 01100011

#2d3763
```
#2d3763 rgb(45,55,99)
```
#63592d
```
#63592d rgb(99,89,45)
```

Complementary Color

#2d5263
```
#2d5263 rgb(45,82,99)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#3e2d63
```
#3e2d63 rgb(62,45,99)
```

Analogous Color

#52632d
```
#52632d rgb(82,99,45)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#633e2d
```
#633e2d rgb(99,62,45)
```

Split Complementary Color

#151a2e
```
#151a2e rgb(21,26,46)
```
#1d2440
```
#1d2440 rgb(29,36,64)
```
#252d51
```
#252d51 rgb(37,45,81)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#354175
```
#354175 rgb(53,65,117)
```
#3d4a86
```
#3d4a86 rgb(61,74,134)
```
#455498
```
#455498 rgb(69,84,152)
```

Monochromatic Color

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

#2d4563
```
#2d4563 rgb(45,69,99)
```
#2d4063
```
#2d4063 rgb(45,64,99)
```
#2d3c63
```
#2d3c63 rgb(45,60,99)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#2d3363
```
#2d3363 rgb(45,51,99)
```
#2d2e63
```
#2d2e63 rgb(45,46,99)
```
#312d63
```
#312d63 rgb(49,45,99)
```

Similar Colors

Text with hexadecimal color #2d3763

This text has a font color of #2d3763.

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

#2d3763 background color

This paragraph has a background color of #2d3763.

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

#2d3763 border color

This element has a border color of #2d3763.

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

CSS codes

.text {color:#2d3763;}

.background {background-color:#2d3763;}

.border {border:1px solid #2d3763;}

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

#020305
```
#020305 rgb(2,3,5)
```
#080a12
```
#080a12 rgb(8,10,18)
```
#0e1220
```
#0e1220 rgb(14,18,32)
```
#14192d
```
#14192d rgb(20,25,45)
```
#1b213b
```
#1b213b rgb(27,33,59)
```
#212848
```
#212848 rgb(33,40,72)
```
#273056
```
#273056 rgb(39,48,86)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#333e70
```
#333e70 rgb(51,62,112)
```
#39467e
```
#39467e rgb(57,70,126)
```
#3f4d8b
```
#3f4d8b rgb(63,77,139)
```
#465599
```
#465599 rgb(70,85,153)
```
#4c5ca6
```
#4c5ca6 rgb(76,92,166)
```

Shade Color Variation

#5466b1
```
#5466b1 rgb(84,102,177)
```
#6272b8
```
#6272b8 rgb(98,114,184)
```
#6f7ebe
```
#6f7ebe rgb(111,126,190)
```
#7d8ac4
```
#7d8ac4 rgb(125,138,196)
```
#8a96ca
```
#8a96ca rgb(138,150,202)
```
#98a2d0
```
#98a2d0 rgb(152,162,208)
```
#a5aed6
```
#a5aed6 rgb(165,174,214)
```
#b3badc
```
#b3badc rgb(179,186,220)
```
#c0c7e2
```
#c0c7e2 rgb(192,199,226)
```
#ced3e9
```
#ced3e9 rgb(206,211,233)
```
#dbdfef
```
#dbdfef rgb(219,223,239)
```
#e9ebf5
```
#e9ebf5 rgb(233,235,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43454d is the less saturated color, while #011b8f is the most saturated one.

#43454d
```
#43454d rgb(67,69,77)
```
#3e4152
```
#3e4152 rgb(62,65,82)
```
#383e58
```
#383e58 rgb(56,62,88)
```
#333a5d
```
#333a5d rgb(51,58,93)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#273469
```
#273469 rgb(39,52,105)
```
#22306e
```
#22306e rgb(34,48,110)
```
#1c2d74
```
#1c2d74 rgb(28,45,116)
```
#172979
```
#172979 rgb(23,41,121)
```
#11267f
```
#11267f rgb(17,38,127)
```
#0c2284
```
#0c2284 rgb(12,34,132)
```
#061f8a
```
#061f8a rgb(6,31,138)
```
#011b8f
```
#011b8f rgb(1,27,143)
```

Tone Color Variation

Below, you can see how #2d3763 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

#393939 Achromatopsia 0.005% of the population
#373941 Atypical Achromatopsia 0.001% of the population

Dichromacy

#31426c Protanopia 1% of men
#2a4469 Deuteranopia 1% of men
#2b484d Tritanopia 0.001% of the population

Trichromacy

#2f3e68 Protanomaly 1% of men, 0.01% of women
#2b3f67 Deuteranomaly 6% of men, 0.4% of women
#2c4155 Tritanomaly 0.01% of the population