#338aaf Color Information
In a RGB color space, hex #338aaf is composed of 20% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 197.9 degrees, a saturation of 54.9% and a lightness of 44.3%. #338aaf color hex could be obtained by blending #66ffff with #00155f. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 69
-
- C 71
- M 21
- Y 0
- K 31
● #338aaf color description : Dark blue.
#338aaf Color Conversion
The hexadecimal color #338aaf has RGB values of R:51, G:138, B:175 and CMYK values of C:0.71, M:0.21, Y:0, K:0.31. Its decimal value is 3377839.
Hex triplet | 338aaf | #338aaf |
---|---|---|
RGB Decimal | 51, 138, 175 | rgb(51,138,175) |
RGB Percent | 20, 54.1, 68.6 | rgb(20%,54.1%,68.6%) |
CMYK | 71, 21, 0, 31 | |
HSL | 197.9°, 54.9, 44.3 | hsl(197.9,54.9%,44.3%) |
HSV (or HSB) | 197.9°, 70.9, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54, -13.587, -26.992 |
---|---|
XYZ | 18.19, 21.974, 43.838 |
xyY | 0.217, 0.262, 21.974 |
CIE-LCH | 54, 30.219, 243.281 |
CIE-LUV | 54, -32.323, -39.123 |
Hunter-Lab | 46.877, -12.771, -22.633 |
Binary | 00110011, 10001010, 10101111 |
Color Schemes with #338aaf
Alternatives to #338aaf
Below, you can see some colors close to #338aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338aaf Preview
This text has a font color of #338aaf.
<span style="color:#338aaf;">Text here</span>
This paragraph has a background color of #338aaf.
<p style="background-color:#338aaf;">Content here</p>
This element has a border color of #338aaf.
<div style="border:1px solid #338aaf;">Content here</div>
.text {color:#338aaf;}
.background {background-color:#338aaf;}
.border {border:1px solid #338aaf;}
Shades and Tints of #338aaf
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, #020608 is the darkest color, while #f8fbfd is the lightest one.
-
#020608
#020608
rgb(2,6,8)
-
#071217
#071217
rgb(7,18,23)
-
#0b1e26
#0b1e26
rgb(11,30,38)
-
#102a35
#102a35
rgb(16,42,53)
-
#143645
#143645
rgb(20,54,69)
-
#184254
#184254
rgb(24,66,84)
-
#1d4e63
#1d4e63
rgb(29,78,99)
-
#215a72
#215a72
rgb(33,90,114)
-
#266681
#266681
rgb(38,102,129)
-
#2a7291
#2a7291
rgb(42,114,145)
-
#2f7ea0
#2f7ea0
rgb(47,126,160)
-
#338aaf
#338aaf
rgb(51,138,175)
-
#3796be
#3796be
rgb(55,150,190)
-
#41a0c8
#41a0c8
rgb(65,160,200)
-
#51a7cc
#51a7cc
rgb(81,167,204)
-
#60afd1
#60afd1
rgb(96,175,209)
-
#6fb7d5
#6fb7d5
rgb(111,183,213)
-
#7ebed9
#7ebed9
rgb(126,190,217)
-
#8dc6de
#8dc6de
rgb(141,198,222)
-
#9dcee2
#9dcee2
rgb(157,206,226)
-
#acd5e7
#acd5e7
rgb(172,213,231)
-
#bbddeb
#bbddeb
rgb(187,221,235)
-
#cae4f0
#cae4f0
rgb(202,228,240)
-
#d9ecf4
#d9ecf4
rgb(217,236,244)
-
#e9f4f8
#e9f4f8
rgb(233,244,248)
-
#f8fbfd
#f8fbfd
rgb(248,251,253)
Tones of #338aaf
A tone is produced by adding gray to any pure hue. In this case, #707172 is the less saturated color, while #089cda is the most saturated one.
-
#707172
#707172
rgb(112,113,114)
-
#67757b
#67757b
rgb(103,117,123)
-
#5e7884
#5e7884
rgb(94,120,132)
-
#567c8c
#567c8c
rgb(86,124,140)
-
#4d7f95
#4d7f95
rgb(77,127,149)
-
#44839e
#44839e
rgb(68,131,158)
-
#3c86a6
#3c86a6
rgb(60,134,166)
-
#338aaf
#338aaf
rgb(51,138,175)
-
#2a8eb8
#2a8eb8
rgb(42,142,184)
-
#2291c0
#2291c0
rgb(34,145,192)
-
#1995c9
#1995c9
rgb(25,149,201)
-
#1098d2
#1098d2
rgb(16,152,210)
-
#089cda
#089cda
rgb(8,156,218)
Color Blindness Simulator
Below, you can see how #338aaf 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.