#338fa1 Color Information
In a RGB color space, hex #338fa1 is composed of 20% red, 56.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 11.2% magenta, 0% yellow and 36.9% black. It has a hue angle of 189.8 degrees, a saturation of 51.9% and a lightness of 41.6%. #338fa1 color hex could be obtained by blending #66ffff with #001f43. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 63
-
- C 68
- M 11
- Y 0
- K 37
● #338fa1 color description : Dark moderate cyan.
#338fa1 Color Conversion
The hexadecimal color #338fa1 has RGB values of R:51, G:143, B:161 and CMYK values of C:0.68, M:0.11, Y:0, K:0.37. Its decimal value is 3379105.
Hex triplet | 338fa1 | #338fa1 |
---|---|---|
RGB Decimal | 51, 143, 161 | rgb(51,143,161) |
RGB Percent | 20, 56.1, 63.1 | rgb(20%,56.1%,63.1%) |
CMYK | 68, 11, 0, 37 | |
HSL | 189.8°, 51.9, 41.6 | hsl(189.8,51.9%,41.6%) |
HSV (or HSB) | 189.8°, 68.3, 63.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.99, -20.902, -17.434 |
---|---|
XYZ | 17.619, 22.92, 37.212 |
xyY | 0.227, 0.295, 22.92 |
CIE-LCH | 54.99, 27.218, 219.831 |
CIE-LUV | 54.99, -34.93, -23.072 |
Hunter-Lab | 47.875, -18.091, -12.571 |
Binary | 00110011, 10001111, 10100001 |
Color Schemes with #338fa1
Alternatives to #338fa1
Below, you can see some colors close to #338fa1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338fa1 Preview
This text has a font color of #338fa1.
<span style="color:#338fa1;">Text here</span>
This paragraph has a background color of #338fa1.
<p style="background-color:#338fa1;">Content here</p>
This element has a border color of #338fa1.
<div style="border:1px solid #338fa1;">Content here</div>
.text {color:#338fa1;}
.background {background-color:#338fa1;}
.border {border:1px solid #338fa1;}
Shades and Tints of #338fa1
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, #040b0c is the darkest color, while #fcfefe is the lightest one.
-
#040b0c
#040b0c
rgb(4,11,12)
-
#09181b
#09181b
rgb(9,24,27)
-
#0d252a
#0d252a
rgb(13,37,42)
-
#123239
#123239
rgb(18,50,57)
-
#174048
#174048
rgb(23,64,72)
-
#1b4d57
#1b4d57
rgb(27,77,87)
-
#205a65
#205a65
rgb(32,90,101)
-
#256774
#256774
rgb(37,103,116)
-
#2a7583
#2a7583
rgb(42,117,131)
-
#2e8292
#2e8292
rgb(46,130,146)
-
#338fa1
#338fa1
rgb(51,143,161)
-
#389cb0
#389cb0
rgb(56,156,176)
-
#3ca9bf
#3ca9bf
rgb(60,169,191)
-
#49b1c5
#49b1c5
rgb(73,177,197)
-
#58b8ca
#58b8ca
rgb(88,184,202)
-
#67becf
#67becf
rgb(103,190,207)
-
#76c4d4
#76c4d4
rgb(118,196,212)
-
#85cbd8
#85cbd8
rgb(133,203,216)
-
#94d1dd
#94d1dd
rgb(148,209,221)
-
#a3d7e2
#a3d7e2
rgb(163,215,226)
-
#b2dee6
#b2dee6
rgb(178,222,230)
-
#c1e4eb
#c1e4eb
rgb(193,228,235)
-
#cfebf0
#cfebf0
rgb(207,235,240)
-
#def1f5
#def1f5
rgb(222,241,245)
-
#edf7f9
#edf7f9
rgb(237,247,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #338fa1
A tone is produced by adding gray to any pure hue. In this case, #646e70 is the less saturated color, while #02b0d2 is the most saturated one.
-
#646e70
#646e70
rgb(100,110,112)
-
#5c7478
#5c7478
rgb(92,116,120)
-
#547980
#547980
rgb(84,121,128)
-
#4b7f89
#4b7f89
rgb(75,127,137)
-
#438491
#438491
rgb(67,132,145)
-
#3b8a99
#3b8a99
rgb(59,138,153)
-
#338fa1
#338fa1
rgb(51,143,161)
-
#2b94a9
#2b94a9
rgb(43,148,169)
-
#239ab1
#239ab1
rgb(35,154,177)
-
#1b9fb9
#1b9fb9
rgb(27,159,185)
-
#12a5c2
#12a5c2
rgb(18,165,194)
-
#0aaaca
#0aaaca
rgb(10,170,202)
-
#02b0d2
#02b0d2
rgb(2,176,210)
Color Blindness Simulator
Below, you can see how #338fa1 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.