#378aa4 Color Information
In a RGB color space, hex #378aa4 is composed of 21.6% red, 54.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 15.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 194.3 degrees, a saturation of 49.8% and a lightness of 42.9%. #378aa4 color hex could be obtained by blending #6effff with #001549. Closest websafe color is: #339999.
-
- R 22
- G 54
- B 64
-
- C 66
- M 16
- Y 0
- K 36
● #378aa4 color description : Dark moderate cyan.
#378aa4 Color Conversion
The hexadecimal color #378aa4 has RGB values of R:55, G:138, B:164 and CMYK values of C:0.66, M:0.16, Y:0, K:0.36. Its decimal value is 3639972.
Hex triplet | 378aa4 | #378aa4 |
---|---|---|
RGB Decimal | 55, 138, 164 | rgb(55,138,164) |
RGB Percent | 21.6, 54.1, 64.3 | rgb(21.6%,54.1%,64.3%) |
CMYK | 66, 16, 0, 36 | |
HSL | 194.3°, 49.8, 42.9 | hsl(194.3,49.8%,42.9%) |
HSV (or HSB) | 194.3°, 66.5, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.673, -16.611, -21.162 |
---|---|
XYZ | 17.363, 21.668, 38.387 |
xyY | 0.224, 0.28, 21.668 |
CIE-LCH | 53.673, 26.903, 231.871 |
CIE-LUV | 53.673, -32.129, -29.39 |
Hunter-Lab | 46.549, -14.879, -16.31 |
Binary | 00110111, 10001010, 10100100 |
Color Schemes with #378aa4
Alternatives to #378aa4
Below, you can see some colors close to #378aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#378aa4 Preview
This text has a font color of #378aa4.
<span style="color:#378aa4;">Text here</span>
This paragraph has a background color of #378aa4.
<p style="background-color:#378aa4;">Content here</p>
This element has a border color of #378aa4.
<div style="border:1px solid #378aa4;">Content here</div>
.text {color:#378aa4;}
.background {background-color:#378aa4;}
.border {border:1px solid #378aa4;}
Shades and Tints of #378aa4
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, #010202 is the darkest color, while #f3f9fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#060e11
#060e11
rgb(6,14,17)
-
#0b1b20
#0b1b20
rgb(11,27,32)
-
#10272e
#10272e
rgb(16,39,46)
-
#15333d
#15333d
rgb(21,51,61)
-
#19404c
#19404c
rgb(25,64,76)
-
#1e4c5b
#1e4c5b
rgb(30,76,91)
-
#235969
#235969
rgb(35,89,105)
-
#286578
#286578
rgb(40,101,120)
-
#2d7187
#2d7187
rgb(45,113,135)
-
#327e95
#327e95
rgb(50,126,149)
-
#378aa4
#378aa4
rgb(55,138,164)
-
#3c96b3
#3c96b3
rgb(60,150,179)
-
#42a2c0
#42a2c0
rgb(66,162,192)
-
#51a9c5
#51a9c5
rgb(81,169,197)
-
#60b0ca
#60b0ca
rgb(96,176,202)
-
#6fb8cf
#6fb8cf
rgb(111,184,207)
-
#7dbfd3
#7dbfd3
rgb(125,191,211)
-
#8cc6d8
#8cc6d8
rgb(140,198,216)
-
#9bcddd
#9bcddd
rgb(155,205,221)
-
#a9d5e2
#a9d5e2
rgb(169,213,226)
-
#b8dce7
#b8dce7
rgb(184,220,231)
-
#c7e3ec
#c7e3ec
rgb(199,227,236)
-
#d5eaf1
#d5eaf1
rgb(213,234,241)
-
#e4f2f6
#e4f2f6
rgb(228,242,246)
-
#f3f9fb
#f3f9fb
rgb(243,249,251)
Tones of #378aa4
A tone is produced by adding gray to any pure hue. In this case, #6a7071 is the less saturated color, while #04a4d7 is the most saturated one.
-
#6a7071
#6a7071
rgb(106,112,113)
-
#61747a
#61747a
rgb(97,116,122)
-
#597882
#597882
rgb(89,120,130)
-
#507d8b
#507d8b
rgb(80,125,139)
-
#488193
#488193
rgb(72,129,147)
-
#3f869c
#3f869c
rgb(63,134,156)
-
#378aa4
#378aa4
rgb(55,138,164)
-
#2f8eac
#2f8eac
rgb(47,142,172)
-
#2693b5
#2693b5
rgb(38,147,181)
-
#1e97bd
#1e97bd
rgb(30,151,189)
-
#159cc6
#159cc6
rgb(21,156,198)
-
#0da0ce
#0da0ce
rgb(13,160,206)
-
#04a4d7
#04a4d7
rgb(4,164,215)
Color Blindness Simulator
Below, you can see how #378aa4 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.