#338aa6 Color Information
In a RGB color space, hex #338aa6 is composed of 20% red, 54.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 16.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 194.6 degrees, a saturation of 53% and a lightness of 42.5%. #338aa6 color hex could be obtained by blending #66ffff with #00154d. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 65
-
- C 69
- M 17
- Y 0
- K 35
● #338aa6 color description : Dark moderate cyan.
#338aa6 Color Conversion
The hexadecimal color #338aa6 has RGB values of R:51, G:138, B:166 and CMYK values of C:0.69, M:0.17, Y:0, K:0.35. Its decimal value is 3377830.
Hex triplet | 338aa6 | #338aa6 |
---|---|---|
RGB Decimal | 51, 138, 166 | rgb(51,138,166) |
RGB Percent | 20, 54.1, 65.1 | rgb(20%,54.1%,65.1%) |
CMYK | 69, 17, 0, 35 | |
HSL | 194.6°, 53, 42.5 | hsl(194.6,53%,42.5%) |
HSV (or HSB) | 194.6°, 69.3, 65.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.635, -16.6, -22.383 |
---|---|
XYZ | 17.335, 21.633, 39.336 |
xyY | 0.221, 0.276, 21.633 |
CIE-LCH | 53.635, 27.867, 233.438 |
CIE-LUV | 53.635, -32.804, -31.332 |
Hunter-Lab | 46.511, -14.866, -17.587 |
Binary | 00110011, 10001010, 10100110 |
Color Schemes with #338aa6
Alternatives to #338aa6
Below, you can see some colors close to #338aa6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338aa6 Preview
This text has a font color of #338aa6.
<span style="color:#338aa6;">Text here</span>
This paragraph has a background color of #338aa6.
<p style="background-color:#338aa6;">Content here</p>
This element has a border color of #338aa6.
<div style="border:1px solid #338aa6;">Content here</div>
.text {color:#338aa6;}
.background {background-color:#338aa6;}
.border {border:1px solid #338aa6;}
Shades and Tints of #338aa6
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, #000101 is the darkest color, while #f1f8fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050d10
#050d10
rgb(5,13,16)
-
#0a1a1f
#0a1a1f
rgb(10,26,31)
-
#0e262e
#0e262e
rgb(14,38,46)
-
#13333d
#13333d
rgb(19,51,61)
-
#173f4c
#173f4c
rgb(23,63,76)
-
#1c4c5b
#1c4c5b
rgb(28,76,91)
-
#21586a
#21586a
rgb(33,88,106)
-
#256579
#256579
rgb(37,101,121)
-
#2a7188
#2a7188
rgb(42,113,136)
-
#2e7e97
#2e7e97
rgb(46,126,151)
-
#338aa6
#338aa6
rgb(51,138,166)
-
#3896b5
#3896b5
rgb(56,150,181)
-
#3da3c3
#3da3c3
rgb(61,163,195)
-
#4caac8
#4caac8
rgb(76,170,200)
-
#5bb1cd
#5bb1cd
rgb(91,177,205)
-
#6ab8d1
#6ab8d1
rgb(106,184,209)
-
#79bfd6
#79bfd6
rgb(121,191,214)
-
#88c6da
#88c6da
rgb(136,198,218)
-
#97cddf
#97cddf
rgb(151,205,223)
-
#a6d5e4
#a6d5e4
rgb(166,213,228)
-
#b5dce8
#b5dce8
rgb(181,220,232)
-
#c4e3ed
#c4e3ed
rgb(196,227,237)
-
#d3eaf1
#d3eaf1
rgb(211,234,241)
-
#e2f1f6
#e2f1f6
rgb(226,241,246)
-
#f1f8fb
#f1f8fb
rgb(241,248,251)
Tones of #338aa6
A tone is produced by adding gray to any pure hue. In this case, #657074 is the less saturated color, while #01a4d8 is the most saturated one.
-
#657074
#657074
rgb(101,112,116)
-
#5d757c
#5d757c
rgb(93,117,124)
-
#547985
#547985
rgb(84,121,133)
-
#4c7d8d
#4c7d8d
rgb(76,125,141)
-
#448195
#448195
rgb(68,129,149)
-
#3b869e
#3b869e
rgb(59,134,158)
-
#338aa6
#338aa6
rgb(51,138,166)
-
#2b8eae
#2b8eae
rgb(43,142,174)
-
#2293b7
#2293b7
rgb(34,147,183)
-
#1a97bf
#1a97bf
rgb(26,151,191)
-
#129bc7
#129bc7
rgb(18,155,199)
-
#099fd0
#099fd0
rgb(9,159,208)
-
#01a4d8
#01a4d8
rgb(1,164,216)
Color Blindness Simulator
Below, you can see how #338aa6 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.