#338aad Color Information
In a RGB color space, hex #338aad is composed of 20% red, 54.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 20.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 197.2 degrees, a saturation of 54.5% and a lightness of 43.9%. #338aad color hex could be obtained by blending #66ffff with #00155b. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 68
-
- C 71
- M 20
- Y 0
- K 32
● #338aad color description : Dark blue.
#338aad Color Conversion
The hexadecimal color #338aad has RGB values of R:51, G:138, B:173 and CMYK values of C:0.71, M:0.2, Y:0, K:0.32. Its decimal value is 3377837.
Hex triplet | 338aad | #338aad |
---|---|---|
RGB Decimal | 51, 138, 173 | rgb(51,138,173) |
RGB Percent | 20, 54.1, 67.8 | rgb(20%,54.1%,67.8%) |
CMYK | 71, 20, 0, 32 | |
HSL | 197.2°, 54.5, 43.9 | hsl(197.2,54.5%,43.9%) |
HSV (or HSB) | 197.2°, 70.5, 67.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.917, -14.263, -25.973 |
---|---|
XYZ | 17.995, 21.896, 42.811 |
xyY | 0.218, 0.265, 21.896 |
CIE-LCH | 53.917, 29.631, 241.227 |
CIE-LUV | 53.917, -32.429, -37.392 |
Hunter-Lab | 46.794, -13.246, -21.488 |
Binary | 00110011, 10001010, 10101101 |
Color Schemes with #338aad
Alternatives to #338aad
Below, you can see some colors close to #338aad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338aad Preview
This text has a font color of #338aad.
<span style="color:#338aad;">Text here</span>
This paragraph has a background color of #338aad.
<p style="background-color:#338aad;">Content here</p>
This element has a border color of #338aad.
<div style="border:1px solid #338aad;">Content here</div>
.text {color:#338aad;}
.background {background-color:#338aad;}
.border {border:1px solid #338aad;}
Shades and Tints of #338aad
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, #020506 is the darkest color, while #f6fbfc is the lightest one.
-
#020506
#020506
rgb(2,5,6)
-
#061116
#061116
rgb(6,17,22)
-
#0b1d25
#0b1d25
rgb(11,29,37)
-
#0f2934
#0f2934
rgb(15,41,52)
-
#143543
#143543
rgb(20,53,67)
-
#184152
#184152
rgb(24,65,82)
-
#1d4e61
#1d4e61
rgb(29,78,97)
-
#215a70
#215a70
rgb(33,90,112)
-
#266680
#266680
rgb(38,102,128)
-
#2a728f
#2a728f
rgb(42,114,143)
-
#2f7e9e
#2f7e9e
rgb(47,126,158)
-
#338aad
#338aad
rgb(51,138,173)
-
#3796bc
#3796bc
rgb(55,150,188)
-
#40a0c7
#40a0c7
rgb(64,160,199)
-
#50a8cb
#50a8cb
rgb(80,168,203)
-
#5fafd0
#5fafd0
rgb(95,175,208)
-
#6eb7d4
#6eb7d4
rgb(110,183,212)
-
#7dbed9
#7dbed9
rgb(125,190,217)
-
#8cc6dd
#8cc6dd
rgb(140,198,221)
-
#9bcde2
#9bcde2
rgb(155,205,226)
-
#aad5e6
#aad5e6
rgb(170,213,230)
-
#baddeb
#baddeb
rgb(186,221,235)
-
#c9e4ef
#c9e4ef
rgb(201,228,239)
-
#d8ecf3
#d8ecf3
rgb(216,236,243)
-
#e7f3f8
#e7f3f8
rgb(231,243,248)
-
#f6fbfc
#f6fbfc
rgb(246,251,252)
Tones of #338aad
A tone is produced by adding gray to any pure hue. In this case, #6f7071 is the less saturated color, while #089cd8 is the most saturated one.
-
#6f7071
#6f7071
rgb(111,112,113)
-
#677479
#677479
rgb(103,116,121)
-
#5e7882
#5e7882
rgb(94,120,130)
-
#557b8b
#557b8b
rgb(85,123,139)
-
#4d7f93
#4d7f93
rgb(77,127,147)
-
#44839c
#44839c
rgb(68,131,156)
-
#3c86a4
#3c86a4
rgb(60,134,164)
-
#338aad
#338aad
rgb(51,138,173)
-
#2a8eb6
#2a8eb6
rgb(42,142,182)
-
#2291be
#2291be
rgb(34,145,190)
-
#1995c7
#1995c7
rgb(25,149,199)
-
#1199cf
#1199cf
rgb(17,153,207)
-
#089cd8
#089cd8
rgb(8,156,216)
Color Blindness Simulator
Below, you can see how #338aad 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.