colorhexa.com

#384d66 hex color

In a RGB color space, hex #384d66 is composed of 22% red, 30.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 24.5% magenta, 0% yellow and 60% black. It has a hue angle of 212.6 degrees, a saturation of 29.1% and a lightness of 31%. #384d66 color hex could be obtained by blending #709acc with #000000. Closest websafe color is: #336666.

- R 22
- G 30
- B 40
RGB color chart
- C 45
- M 25
- Y 0
- K 60
CMYK color chart

● #384d66 color description : Very dark desaturated blue.

The hexadecimal color #384d66 has RGB values of R:56, G:77, B:102 and CMYK values of C:0.45, M:0.25, Y:0, K:0.6. Its decimal value is 3689830.

Hex triplet	384d66	`#384d66`
RGB Decimal	56, 77, 102	`rgb(56,77,102)`
RGB Percent	22, 30.2, 40	`rgb(22%,30.2%,40%)`
CMYK	45, 25, 0, 60
HSL	212.6°, 29.1, 31	`hsl(212.6,29.1%,31%)`
HSV (or HSB)	212.6°, 45.1, 40
Web Safe	336666	`#336666`

CIE-LAB	32.05, -0.749, -17.103
XYZ	6.682, 7.108, 13.589
xyY	0.244, 0.26, 7.108
CIE-LCH	32.05, 17.119, 267.493
CIE-LUV	32.05, -10.142, -22.138
Hunter-Lab	26.66, -1.913, -11.56
Binary	00111000, 01001101, 01100110

#384d66
```
#384d66 rgb(56,77,102)
```
#665138
```
#665138 rgb(102,81,56)
```

Complementary Color

#386466
```
#386466 rgb(56,100,102)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#3a3866
```
#3a3866 rgb(58,56,102)
```

Analogous Color

#646638
```
#646638 rgb(100,102,56)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#663a38
```
#663a38 rgb(102,58,56)
```

Split Complementary Color

#4d6638
```
#4d6638 rgb(77,102,56)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#66384d
```
#66384d rgb(102,56,77)
```

Triadic Color

#1d2835
```
#1d2835 rgb(29,40,53)
```
#263445
```
#263445 rgb(38,52,69)
```
#2f4156
```
#2f4156 rgb(47,65,86)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#415976
```
#415976 rgb(65,89,118)
```
#4a6687
```
#4a6687 rgb(74,102,135)
```
#537297
```
#537297 rgb(83,114,151)
```

Monochromatic Color

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

#385966
```
#385966 rgb(56,89,102)
```
#385566
```
#385566 rgb(56,85,102)
```
#385166
```
#385166 rgb(56,81,102)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#384966
```
#384966 rgb(56,73,102)
```
#384566
```
#384566 rgb(56,69,102)
```
#384266
```
#384266 rgb(56,66,102)
```

Similar Colors

Text with hexadecimal color #384d66

This text has a font color of #384d66.

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

#384d66 background color

This paragraph has a background color of #384d66.

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

#384d66 border color

This element has a border color of #384d66.

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

CSS codes

.text {color:#384d66;}

.background {background-color:#384d66;}

.border {border:1px solid #384d66;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0e141a
```
#0e141a rgb(14,20,26)
```
#151d27
```
#151d27 rgb(21,29,39)
```
#1c2733
```
#1c2733 rgb(28,39,51)
```
#233040
```
#233040 rgb(35,48,64)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#314359
```
#314359 rgb(49,67,89)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#3f5773
```
#3f5773 rgb(63,87,115)
```
#46607f
```
#46607f rgb(70,96,127)
```
#4d6a8c
```
#4d6a8c rgb(77,106,140)
```
#547399
```
#547399 rgb(84,115,153)
```

Shade Color Variation

#5b7da5
```
#5b7da5 rgb(91,125,165)
```
#6887ac
```
#6887ac rgb(104,135,172)
```
#7491b3
```
#7491b3 rgb(116,145,179)
```
#819bba
```
#819bba rgb(129,155,186)
```
#8ea5c1
```
#8ea5c1 rgb(142,165,193)
```
#9aafc8
```
#9aafc8 rgb(154,175,200)
```
#a7b9cf
```
#a7b9cf rgb(167,185,207)
```
#b4c3d6
```
#b4c3d6 rgb(180,195,214)
```
#c0cddd
```
#c0cddd rgb(192,205,221)
```
#cdd7e4
```
#cdd7e4 rgb(205,215,228)
```
#dae1eb
```
#dae1eb rgb(218,225,235)
```
#e6ebf1
```
#e6ebf1 rgb(230,235,241)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Tint Color Variation

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

#4a4f54
```
#4a4f54 rgb(74,79,84)
```
#444e5a
```
#444e5a rgb(68,78,90)
```
#3e4e60
```
#3e4e60 rgb(62,78,96)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#324c6c
```
#324c6c rgb(50,76,108)
```
#2c4c72
```
#2c4c72 rgb(44,76,114)
```
#264b78
```
#264b78 rgb(38,75,120)
```
#204b7e
```
#204b7e rgb(32,75,126)
```
#1a4a84
```
#1a4a84 rgb(26,74,132)
```
#144a8a
```
#144a8a rgb(20,74,138)
```
#0d4991
```
#0d4991 rgb(13,73,145)
```
#074997
```
#074997 rgb(7,73,151)
```
#01489d
```
#01489d rgb(1,72,157)
```

Tone Color Variation

Below, you can see how #384d66 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

#4a4a4a Achromatopsia 0.005% of the population
#464b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d536c Protanopia 1% of men
#4d536e Deuteranopia 1% of men
#3d595f Tritanopia 0.001% of the population

Trichromacy

#45516a Protanomaly 1% of men, 0.01% of women
#45516b Deuteranomaly 6% of men, 0.4% of women
#3b5461 Tritanomaly 0.01% of the population