#338fa4 Color Information
In a RGB color space, hex #338fa4 is composed of 20% red, 56.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 12.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 191.2 degrees, a saturation of 52.6% and a lightness of 42.2%. #338fa4 color hex could be obtained by blending #66ffff with #001f49. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 64
-
- C 69
- M 13
- Y 0
- K 36
● #338fa4 color description : Dark moderate cyan.
#338fa4 Color Conversion
The hexadecimal color #338fa4 has RGB values of R:51, G:143, B:164 and CMYK values of C:0.69, M:0.13, Y:0, K:0.36. Its decimal value is 3379108.
Hex triplet | 338fa4 | #338fa4 |
---|---|---|
RGB Decimal | 51, 143, 164 | rgb(51,143,164) |
RGB Percent | 20, 56.1, 64.3 | rgb(20%,56.1%,64.3%) |
CMYK | 69, 13, 0, 36 | |
HSL | 191.2°, 52.6, 42.2 | hsl(191.2,52.6%,42.2%) |
HSV (or HSB) | 191.2°, 68.9, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.101, -19.94, -18.988 |
---|---|
XYZ | 17.887, 23.028, 38.622 |
xyY | 0.225, 0.29, 23.028 |
CIE-LCH | 55.101, 27.535, 223.599 |
CIE-LUV | 55.101, -34.759, -25.657 |
Hunter-Lab | 47.987, -17.443, -14.128 |
Binary | 00110011, 10001111, 10100100 |
Color Schemes with #338fa4
Alternatives to #338fa4
Below, you can see some colors close to #338fa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338fa4 Preview
This text has a font color of #338fa4.
<span style="color:#338fa4;">Text here</span>
This paragraph has a background color of #338fa4.
<p style="background-color:#338fa4;">Content here</p>
This element has a border color of #338fa4.
<div style="border:1px solid #338fa4;">Content here</div>
.text {color:#338fa4;}
.background {background-color:#338fa4;}
.border {border:1px solid #338fa4;}
Shades and Tints of #338fa4
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, #040d0e is the darkest color, while #feffff is the lightest one.
-
#040d0e
#040d0e
rgb(4,13,14)
-
#091a1d
#091a1d
rgb(9,26,29)
-
#0e272c
#0e272c
rgb(14,39,44)
-
#12343b
#12343b
rgb(18,52,59)
-
#17414a
#17414a
rgb(23,65,74)
-
#1c4e59
#1c4e59
rgb(28,78,89)
-
#205b68
#205b68
rgb(32,91,104)
-
#256877
#256877
rgb(37,104,119)
-
#2a7586
#2a7586
rgb(42,117,134)
-
#2e8295
#2e8295
rgb(46,130,149)
-
#338fa4
#338fa4
rgb(51,143,164)
-
#389cb3
#389cb3
rgb(56,156,179)
-
#3ca9c2
#3ca9c2
rgb(60,169,194)
-
#4bb0c7
#4bb0c7
rgb(75,176,199)
-
#5ab6cc
#5ab6cc
rgb(90,182,204)
-
#69bdd0
#69bdd0
rgb(105,189,208)
-
#78c4d5
#78c4d5
rgb(120,196,213)
-
#87cada
#87cada
rgb(135,202,218)
-
#96d1de
#96d1de
rgb(150,209,222)
-
#a5d7e3
#a5d7e3
rgb(165,215,227)
-
#b4dee8
#b4dee8
rgb(180,222,232)
-
#c3e4ec
#c3e4ec
rgb(195,228,236)
-
#d2ebf1
#d2ebf1
rgb(210,235,241)
-
#e0f2f6
#e0f2f6
rgb(224,242,246)
-
#eff8fa
#eff8fa
rgb(239,248,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #338fa4
A tone is produced by adding gray to any pure hue. In this case, #657072 is the less saturated color, while #01aed6 is the most saturated one.
-
#657072
#657072
rgb(101,112,114)
-
#5c757b
#5c757b
rgb(92,117,123)
-
#547a83
#547a83
rgb(84,122,131)
-
#4c7f8b
#4c7f8b
rgb(76,127,139)
-
#448593
#448593
rgb(68,133,147)
-
#3b8a9c
#3b8a9c
rgb(59,138,156)
-
#338fa4
#338fa4
rgb(51,143,164)
-
#2b94ac
#2b94ac
rgb(43,148,172)
-
#2299b5
#2299b5
rgb(34,153,181)
-
#1a9fbd
#1a9fbd
rgb(26,159,189)
-
#12a4c5
#12a4c5
rgb(18,164,197)
-
#0aa9cd
#0aa9cd
rgb(10,169,205)
-
#01aed6
#01aed6
rgb(1,174,214)
Color Blindness Simulator
Below, you can see how #338fa4 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.