#386678 Color Information
In a RGB color space, hex #386678 is composed of 22% red, 40% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 15% magenta, 0% yellow and 52.9% black. It has a hue angle of 196.9 degrees, a saturation of 36.4% and a lightness of 34.5%. #386678 color hex could be obtained by blending #70ccf0 with #000000. Closest websafe color is: #336666.
-
- R 22
- G 40
- B 47
-
- C 53
- M 15
- Y 0
- K 53
● #386678 color description : Dark moderate blue.
#386678 Color Conversion
The hexadecimal color #386678 has RGB values of R:56, G:102, B:120 and CMYK values of C:0.53, M:0.15, Y:0, K:0.53. Its decimal value is 3696248.
Hex triplet | 386678 | #386678 |
---|---|---|
RGB Decimal | 56, 102, 120 | rgb(56,102,120) |
RGB Percent | 22, 40, 47.1 | rgb(22%,40%,47.1%) |
CMYK | 53, 15, 0, 53 | |
HSL | 196.9°, 36.4, 34.5 | hsl(196.9,36.4%,34.5%) |
HSV (or HSB) | 196.9°, 53.3, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.734, -10.31, -14.94 |
---|---|
XYZ | 9.772, 11.699, 19.511 |
xyY | 0.238, 0.285, 11.699 |
CIE-LCH | 40.734, 18.152, 235.39 |
CIE-LUV | 40.734, -19.864, -19.3 |
Hunter-Lab | 34.204, -8.861, -9.879 |
Binary | 00111000, 01100110, 01111000 |
Color Schemes with #386678
Alternatives to #386678
Below, you can see some colors close to #386678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386678 Preview
This text has a font color of #386678.
<span style="color:#386678;">Text here</span>
This paragraph has a background color of #386678.
<p style="background-color:#386678;">Content here</p>
This element has a border color of #386678.
<div style="border:1px solid #386678;">Content here</div>
.text {color:#386678;}
.background {background-color:#386678;}
.border {border:1px solid #386678;}
Shades and Tints of #386678
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, #060b0d is the darkest color, while #ffffff is the lightest one.
-
#060b0d
#060b0d
rgb(6,11,13)
-
#0c161a
#0c161a
rgb(12,22,26)
-
#132228
#132228
rgb(19,34,40)
-
#192d35
#192d35
rgb(25,45,53)
-
#1f3943
#1f3943
rgb(31,57,67)
-
#254450
#254450
rgb(37,68,80)
-
#2c4f5d
#2c4f5d
rgb(44,79,93)
-
#325b6b
#325b6b
rgb(50,91,107)
-
#386678
#386678
rgb(56,102,120)
-
#3e7185
#3e7185
rgb(62,113,133)
-
#447d93
#447d93
rgb(68,125,147)
-
#4b88a0
#4b88a0
rgb(75,136,160)
-
#5193ad
#5193ad
rgb(81,147,173)
-
#5e9cb4
#5e9cb4
rgb(94,156,180)
-
#6ca4ba
#6ca4ba
rgb(108,164,186)
-
#79acc0
#79acc0
rgb(121,172,192)
-
#86b5c7
#86b5c7
rgb(134,181,199)
-
#94bdcd
#94bdcd
rgb(148,189,205)
-
#a1c5d3
#a1c5d3
rgb(161,197,211)
-
#aecdd9
#aecdd9
rgb(174,205,217)
-
#bcd6e0
#bcd6e0
rgb(188,214,224)
-
#c9dee6
#c9dee6
rgb(201,222,230)
-
#d7e6ec
#d7e6ec
rgb(215,230,236)
-
#e4eef2
#e4eef2
rgb(228,238,242)
-
#f1f7f9
#f1f7f9
rgb(241,247,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #386678
A tone is produced by adding gray to any pure hue. In this case, #535a5d is the less saturated color, while #027eae is the most saturated one.
-
#535a5d
#535a5d
rgb(83,90,93)
-
#4c5d64
#4c5d64
rgb(76,93,100)
-
#46606a
#46606a
rgb(70,96,106)
-
#3f6371
#3f6371
rgb(63,99,113)
-
#386678
#386678
rgb(56,102,120)
-
#31697f
#31697f
rgb(49,105,127)
-
#2a6c86
#2a6c86
rgb(42,108,134)
-
#246f8c
#246f8c
rgb(36,111,140)
-
#1d7293
#1d7293
rgb(29,114,147)
-
#16759a
#16759a
rgb(22,117,154)
-
#0f78a1
#0f78a1
rgb(15,120,161)
-
#097ba7
#097ba7
rgb(9,123,167)
-
#027eae
#027eae
rgb(2,126,174)
Color Blindness Simulator
Below, you can see how #386678 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.