#338da4 Color Information
In a RGB color space, hex #338da4 is composed of 20% red, 55.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 14% magenta, 0% yellow and 35.7% black. It has a hue angle of 192.2 degrees, a saturation of 52.6% and a lightness of 42.2%. #338da4 color hex could be obtained by blending #66ffff with #001b49. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 64
-
- C 69
- M 14
- Y 0
- K 36
● #338da4 color description : Dark moderate cyan.
#338da4 Color Conversion
The hexadecimal color #338da4 has RGB values of R:51, G:141, B:164 and CMYK values of C:0.69, M:0.14, Y:0, K:0.36. Its decimal value is 3378596.
Hex triplet | 338da4 | #338da4 |
---|---|---|
RGB Decimal | 51, 141, 164 | rgb(51,141,164) |
RGB Percent | 20, 55.3, 64.3 | rgb(20%,55.3%,64.3%) |
CMYK | 69, 14, 0, 36 | |
HSL | 192.2°, 52.6, 42.2 | hsl(192.2,52.6%,42.2%) |
HSV (or HSB) | 192.2°, 68.9, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.483, -18.875, -19.932 |
---|---|
XYZ | 17.589, 22.432, 38.523 |
xyY | 0.224, 0.286, 22.432 |
CIE-LCH | 54.483, 27.451, 226.56 |
CIE-LUV | 54.483, -34.02, -27.236 |
Hunter-Lab | 47.363, -16.596, -15.07 |
Binary | 00110011, 10001101, 10100100 |
Color Schemes with #338da4
Alternatives to #338da4
Below, you can see some colors close to #338da4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338da4 Preview
This text has a font color of #338da4.
<span style="color:#338da4;">Text here</span>
This paragraph has a background color of #338da4.
<p style="background-color:#338da4;">Content here</p>
This element has a border color of #338da4.
<div style="border:1px solid #338da4;">Content here</div>
.text {color:#338da4;}
.background {background-color:#338da4;}
.border {border:1px solid #338da4;}
Shades and Tints of #338da4
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)
-
#12333b
#12333b
rgb(18,51,59)
-
#17404a
#17404a
rgb(23,64,74)
-
#1c4d59
#1c4d59
rgb(28,77,89)
-
#205a68
#205a68
rgb(32,90,104)
-
#256677
#256677
rgb(37,102,119)
-
#2a7386
#2a7386
rgb(42,115,134)
-
#2e8095
#2e8095
rgb(46,128,149)
-
#338da4
#338da4
rgb(51,141,164)
-
#389ab3
#389ab3
rgb(56,154,179)
-
#3ca7c2
#3ca7c2
rgb(60,167,194)
-
#4baec7
#4baec7
rgb(75,174,199)
-
#5ab4cc
#5ab4cc
rgb(90,180,204)
-
#69bbd0
#69bbd0
rgb(105,187,208)
-
#78c2d5
#78c2d5
rgb(120,194,213)
-
#87c9da
#87c9da
rgb(135,201,218)
-
#96cfde
#96cfde
rgb(150,207,222)
-
#a5d6e3
#a5d6e3
rgb(165,214,227)
-
#b4dde8
#b4dde8
rgb(180,221,232)
-
#c3e4ec
#c3e4ec
rgb(195,228,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 #338da4
A tone is produced by adding gray to any pure hue. In this case, #657072 is the less saturated color, while #01aad6 is the most saturated one.
-
#657072
#657072
rgb(101,112,114)
-
#5c747b
#5c747b
rgb(92,116,123)
-
#547983
#547983
rgb(84,121,131)
-
#4c7e8b
#4c7e8b
rgb(76,126,139)
-
#448393
#448393
rgb(68,131,147)
-
#3b889c
#3b889c
rgb(59,136,156)
-
#338da4
#338da4
rgb(51,141,164)
-
#2b92ac
#2b92ac
rgb(43,146,172)
-
#2297b5
#2297b5
rgb(34,151,181)
-
#1a9cbd
#1a9cbd
rgb(26,156,189)
-
#12a1c5
#12a1c5
rgb(18,161,197)
-
#0aa6cd
#0aa6cd
rgb(10,166,205)
-
#01aad6
#01aad6
rgb(1,170,214)
Color Blindness Simulator
Below, you can see how #338da4 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.