#338aa7 Color Information
In a RGB color space, hex #338aa7 is composed of 20% red, 54.1% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 17.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 195 degrees, a saturation of 53.2% and a lightness of 42.7%. #338aa7 color hex could be obtained by blending #66ffff with #00154f. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 65
-
- C 69
- M 17
- Y 0
- K 35
● #338aa7 color description : Dark moderate blue.
#338aa7 Color Conversion
The hexadecimal color #338aa7 has RGB values of R:51, G:138, B:167 and CMYK values of C:0.69, M:0.17, Y:0, K:0.35. Its decimal value is 3377831.
Hex triplet | 338aa7 | #338aa7 |
---|---|---|
RGB Decimal | 51, 138, 167 | rgb(51,138,167) |
RGB Percent | 20, 54.1, 65.5 | rgb(20%,54.1%,65.5%) |
CMYK | 69, 17, 0, 35 | |
HSL | 195°, 53.2, 42.7 | hsl(195,53.2%,42.7%) |
HSV (or HSB) | 195°, 69.5, 65.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.674, -16.269, -22.898 |
---|---|
XYZ | 17.427, 21.669, 39.821 |
xyY | 0.221, 0.275, 21.669 |
CIE-LCH | 53.674, 28.089, 234.606 |
CIE-LUV | 53.674, -32.75, -32.197 |
Hunter-Lab | 46.55, -14.639, -18.134 |
Binary | 00110011, 10001010, 10100111 |
Color Schemes with #338aa7
Alternatives to #338aa7
Below, you can see some colors close to #338aa7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338aa7 Preview
This text has a font color of #338aa7.
<span style="color:#338aa7;">Text here</span>
This paragraph has a background color of #338aa7.
<p style="background-color:#338aa7;">Content here</p>
This element has a border color of #338aa7.
<div style="border:1px solid #338aa7;">Content here</div>
.text {color:#338aa7;}
.background {background-color:#338aa7;}
.border {border:1px solid #338aa7;}
Shades and Tints of #338aa7
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, #010102 is the darkest color, while #f2f9fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050e11
#050e11
rgb(5,14,17)
-
#0a1a20
#0a1a20
rgb(10,26,32)
-
#0e272f
#0e272f
rgb(14,39,47)
-
#13333e
#13333e
rgb(19,51,62)
-
#173f4d
#173f4d
rgb(23,63,77)
-
#1c4c5c
#1c4c5c
rgb(28,76,92)
-
#21586b
#21586b
rgb(33,88,107)
-
#25657a
#25657a
rgb(37,101,122)
-
#2a7189
#2a7189
rgb(42,113,137)
-
#2e7e98
#2e7e98
rgb(46,126,152)
-
#338aa7
#338aa7
rgb(51,138,167)
-
#3896b6
#3896b6
rgb(56,150,182)
-
#3da2c4
#3da2c4
rgb(61,162,196)
-
#4ca9c8
#4ca9c8
rgb(76,169,200)
-
#5bb1cd
#5bb1cd
rgb(91,177,205)
-
#6ab8d2
#6ab8d2
rgb(106,184,210)
-
#79bfd6
#79bfd6
rgb(121,191,214)
-
#88c6db
#88c6db
rgb(136,198,219)
-
#98cddf
#98cddf
rgb(152,205,223)
-
#a7d5e4
#a7d5e4
rgb(167,213,228)
-
#b6dce9
#b6dce9
rgb(182,220,233)
-
#c5e3ed
#c5e3ed
rgb(197,227,237)
-
#d4eaf2
#d4eaf2
rgb(212,234,242)
-
#e3f1f6
#e3f1f6
rgb(227,241,246)
-
#f2f9fb
#f2f9fb
rgb(242,249,251)
Tones of #338aa7
A tone is produced by adding gray to any pure hue. In this case, #657175 is the less saturated color, while #01a3d9 is the most saturated one.
-
#657175
#657175
rgb(101,113,117)
-
#5d757d
#5d757d
rgb(93,117,125)
-
#557985
#557985
rgb(85,121,133)
-
#4c7d8e
#4c7d8e
rgb(76,125,142)
-
#448296
#448296
rgb(68,130,150)
-
#3b869f
#3b869f
rgb(59,134,159)
-
#338aa7
#338aa7
rgb(51,138,167)
-
#2b8eaf
#2b8eaf
rgb(43,142,175)
-
#2292b8
#2292b8
rgb(34,146,184)
-
#1a97c0
#1a97c0
rgb(26,151,192)
-
#119bc9
#119bc9
rgb(17,155,201)
-
#099fd1
#099fd1
rgb(9,159,209)
-
#01a3d9
#01a3d9
rgb(1,163,217)
Color Blindness Simulator
Below, you can see how #338aa7 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.