#338ba4 Color Information
In a RGB color space, hex #338ba4 is composed of 20% red, 54.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 15.2% magenta, 0% yellow and 35.7% black. It has a hue angle of 193.3 degrees, a saturation of 52.6% and a lightness of 42.2%. #338ba4 color hex could be obtained by blending #66ffff with #001749. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 64
-
- C 69
- M 15
- Y 0
- K 36
● #338ba4 color description : Dark moderate cyan.
#338ba4 Color Conversion
The hexadecimal color #338ba4 has RGB values of R:51, G:139, B:164 and CMYK values of C:0.69, M:0.15, Y:0, K:0.36. Its decimal value is 3378084.
Hex triplet | 338ba4 | #338ba4 |
---|---|---|
RGB Decimal | 51, 139, 164 | rgb(51,139,164) |
RGB Percent | 20, 54.5, 64.3 | rgb(20%,54.5%,64.3%) |
CMYK | 69, 15, 0, 36 | |
HSL | 193.3°, 52.6, 42.2 | hsl(193.3,52.6%,42.2%) |
HSV (or HSB) | 193.3°, 68.9, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.865, -17.8, -20.878 |
---|---|
XYZ | 17.297, 21.848, 38.425 |
xyY | 0.223, 0.282, 21.848 |
CIE-LCH | 53.865, 27.436, 229.549 |
CIE-LUV | 53.865, -33.281, -28.814 |
Hunter-Lab | 46.742, -15.744, -16.022 |
Binary | 00110011, 10001011, 10100100 |
Color Schemes with #338ba4
Alternatives to #338ba4
Below, you can see some colors close to #338ba4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ba4 Preview
This text has a font color of #338ba4.
<span style="color:#338ba4;">Text here</span>
This paragraph has a background color of #338ba4.
<p style="background-color:#338ba4;">Content here</p>
This element has a border color of #338ba4.
<div style="border:1px solid #338ba4;">Content here</div>
.text {color:#338ba4;}
.background {background-color:#338ba4;}
.border {border:1px solid #338ba4;}
Shades and Tints of #338ba4
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, #040c0e is the darkest color, while #feffff is the lightest one.
-
#040c0e
#040c0e
rgb(4,12,14)
-
#09191d
#09191d
rgb(9,25,29)
-
#0e262c
#0e262c
rgb(14,38,44)
-
#12323b
#12323b
rgb(18,50,59)
-
#173f4a
#173f4a
rgb(23,63,74)
-
#1c4c59
#1c4c59
rgb(28,76,89)
-
#205868
#205868
rgb(32,88,104)
-
#256577
#256577
rgb(37,101,119)
-
#2a7286
#2a7286
rgb(42,114,134)
-
#2e7e95
#2e7e95
rgb(46,126,149)
-
#338ba4
#338ba4
rgb(51,139,164)
-
#3898b3
#3898b3
rgb(56,152,179)
-
#3ca4c2
#3ca4c2
rgb(60,164,194)
-
#4bacc7
#4bacc7
rgb(75,172,199)
-
#5ab2cc
#5ab2cc
rgb(90,178,204)
-
#69b9d0
#69b9d0
rgb(105,185,208)
-
#78c0d5
#78c0d5
rgb(120,192,213)
-
#87c7da
#87c7da
rgb(135,199,218)
-
#96cede
#96cede
rgb(150,206,222)
-
#a5d5e3
#a5d5e3
rgb(165,213,227)
-
#b4dce8
#b4dce8
rgb(180,220,232)
-
#c3e3ec
#c3e3ec
rgb(195,227,236)
-
#d2eaf1
#d2eaf1
rgb(210,234,241)
-
#e0f1f6
#e0f1f6
rgb(224,241,246)
-
#eff8fa
#eff8fa
rgb(239,248,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #338ba4
A tone is produced by adding gray to any pure hue. In this case, #656f72 is the less saturated color, while #01a7d6 is the most saturated one.
-
#656f72
#656f72
rgb(101,111,114)
-
#5c747b
#5c747b
rgb(92,116,123)
-
#547983
#547983
rgb(84,121,131)
-
#4c7d8b
#4c7d8b
rgb(76,125,139)
-
#448293
#448293
rgb(68,130,147)
-
#3b869c
#3b869c
rgb(59,134,156)
-
#338ba4
#338ba4
rgb(51,139,164)
-
#2b90ac
#2b90ac
rgb(43,144,172)
-
#2294b5
#2294b5
rgb(34,148,181)
-
#1a99bd
#1a99bd
rgb(26,153,189)
-
#129dc5
#129dc5
rgb(18,157,197)
-
#0aa2cd
#0aa2cd
rgb(10,162,205)
-
#01a7d6
#01a7d6
rgb(1,167,214)
Color Blindness Simulator
Below, you can see how #338ba4 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.