#338fa5 Color Information
In a RGB color space, hex #338fa5 is composed of 20% red, 56.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 13.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 191.6 degrees, a saturation of 52.8% and a lightness of 42.4%. #338fa5 color hex could be obtained by blending #66ffff with #001f4b. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 65
-
- C 69
- M 13
- Y 0
- K 35
● #338fa5 color description : Dark moderate cyan.
#338fa5 Color Conversion
The hexadecimal color #338fa5 has RGB values of R:51, G:143, B:165 and CMYK values of C:0.69, M:0.13, Y:0, K:0.35. Its decimal value is 3379109.
Hex triplet | 338fa5 | #338fa5 |
---|---|---|
RGB Decimal | 51, 143, 165 | rgb(51,143,165) |
RGB Percent | 20, 56.1, 64.7 | rgb(20%,56.1%,64.7%) |
CMYK | 69, 13, 0, 35 | |
HSL | 191.6°, 52.8, 42.4 | hsl(191.6,52.8%,42.4%) |
HSV (or HSB) | 191.6°, 69.1, 64.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.138, -19.618, -19.505 |
---|---|
XYZ | 17.977, 23.064, 39.1 |
xyY | 0.224, 0.288, 23.064 |
CIE-LCH | 55.138, 27.664, 224.835 |
CIE-LUV | 55.138, -34.702, -26.52 |
Hunter-Lab | 48.025, -17.225, -14.654 |
Binary | 00110011, 10001111, 10100101 |
Color Schemes with #338fa5
Alternatives to #338fa5
Below, you can see some colors close to #338fa5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338fa5 Preview
This text has a font color of #338fa5.
<span style="color:#338fa5;">Text here</span>
This paragraph has a background color of #338fa5.
<p style="background-color:#338fa5;">Content here</p>
This element has a border color of #338fa5.
<div style="border:1px solid #338fa5;">Content here</div>
.text {color:#338fa5;}
.background {background-color:#338fa5;}
.border {border:1px solid #338fa5;}
Shades and Tints of #338fa5
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, #000000 is the darkest color, while #f0f8fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050d0f
#050d0f
rgb(5,13,15)
-
#091a1e
#091a1e
rgb(9,26,30)
-
#0e272d
#0e272d
rgb(14,39,45)
-
#13343c
#13343c
rgb(19,52,60)
-
#17414b
#17414b
rgb(23,65,75)
-
#1c4e5a
#1c4e5a
rgb(28,78,90)
-
#205b69
#205b69
rgb(32,91,105)
-
#256878
#256878
rgb(37,104,120)
-
#2a7587
#2a7587
rgb(42,117,135)
-
#2e8296
#2e8296
rgb(46,130,150)
-
#338fa5
#338fa5
rgb(51,143,165)
-
#389cb4
#389cb4
rgb(56,156,180)
-
#3ca9c3
#3ca9c3
rgb(60,169,195)
-
#4bb0c7
#4bb0c7
rgb(75,176,199)
-
#5ab6cc
#5ab6cc
rgb(90,182,204)
-
#69bdd1
#69bdd1
rgb(105,189,209)
-
#78c3d5
#78c3d5
rgb(120,195,213)
-
#87cada
#87cada
rgb(135,202,218)
-
#96d1df
#96d1df
rgb(150,209,223)
-
#a5d7e3
#a5d7e3
rgb(165,215,227)
-
#b4dee8
#b4dee8
rgb(180,222,232)
-
#c3e5ed
#c3e5ed
rgb(195,229,237)
-
#d2ebf1
#d2ebf1
rgb(210,235,241)
-
#e1f2f6
#e1f2f6
rgb(225,242,246)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
Tones of #338fa5
A tone is produced by adding gray to any pure hue. In this case, #657073 is the less saturated color, while #01aed7 is the most saturated one.
-
#657073
#657073
rgb(101,112,115)
-
#5d757b
#5d757b
rgb(93,117,123)
-
#547b84
#547b84
rgb(84,123,132)
-
#4c808c
#4c808c
rgb(76,128,140)
-
#448594
#448594
rgb(68,133,148)
-
#3b8a9d
#3b8a9d
rgb(59,138,157)
-
#338fa5
#338fa5
rgb(51,143,165)
-
#2b94ad
#2b94ad
rgb(43,148,173)
-
#2299b6
#2299b6
rgb(34,153,182)
-
#1a9ebe
#1a9ebe
rgb(26,158,190)
-
#12a3c6
#12a3c6
rgb(18,163,198)
-
#09a9cf
#09a9cf
rgb(9,169,207)
-
#01aed7
#01aed7
rgb(1,174,215)
Color Blindness Simulator
Below, you can see how #338fa5 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.