#338aa0 Color Information
In a RGB color space, hex #338aa0 is composed of 20% red, 54.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 13.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 192.1 degrees, a saturation of 51.7% and a lightness of 41.4%. #338aa0 color hex could be obtained by blending #66ffff with #001541. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 63
-
- C 68
- M 14
- Y 0
- K 37
● #338aa0 color description : Dark moderate cyan.
#338aa0 Color Conversion
The hexadecimal color #338aa0 has RGB values of R:51, G:138, B:160 and CMYK values of C:0.68, M:0.14, Y:0, K:0.37. Its decimal value is 3377824.
Hex triplet | 338aa0 | #338aa0 |
---|---|---|
RGB Decimal | 51, 138, 160 | rgb(51,138,160) |
RGB Percent | 20, 54.1, 62.7 | rgb(20%,54.1%,62.7%) |
CMYK | 68, 14, 0, 37 | |
HSL | 192.1°, 51.7, 41.4 | hsl(192.1,51.7%,41.4%) |
HSV (or HSB) | 192.1°, 68.1, 62.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.403, -18.564, -19.278 |
---|---|
XYZ | 16.797, 21.417, 36.505 |
xyY | 0.225, 0.287, 21.417 |
CIE-LCH | 53.403, 26.764, 226.081 |
CIE-LUV | 53.403, -33.131, -26.148 |
Hunter-Lab | 46.279, -16.201, -14.372 |
Binary | 00110011, 10001010, 10100000 |
Color Schemes with #338aa0
Alternatives to #338aa0
Below, you can see some colors close to #338aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338aa0 Preview
This text has a font color of #338aa0.
<span style="color:#338aa0;">Text here</span>
This paragraph has a background color of #338aa0.
<p style="background-color:#338aa0;">Content here</p>
This element has a border color of #338aa0.
<div style="border:1px solid #338aa0;">Content here</div>
.text {color:#338aa0;}
.background {background-color:#338aa0;}
.border {border:1px solid #338aa0;}
Shades and Tints of #338aa0
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, #040a0b is the darkest color, while #fbfdfe is the lightest one.
-
#040a0b
#040a0b
rgb(4,10,11)
-
#08171a
#08171a
rgb(8,23,26)
-
#0d2329
#0d2329
rgb(13,35,41)
-
#123038
#123038
rgb(18,48,56)
-
#173d47
#173d47
rgb(23,61,71)
-
#1b4a56
#1b4a56
rgb(27,74,86)
-
#205765
#205765
rgb(32,87,101)
-
#256473
#256473
rgb(37,100,115)
-
#2a7082
#2a7082
rgb(42,112,130)
-
#2e7d91
#2e7d91
rgb(46,125,145)
-
#338aa0
#338aa0
rgb(51,138,160)
-
#3897af
#3897af
rgb(56,151,175)
-
#3ca4be
#3ca4be
rgb(60,164,190)
-
#49acc5
#49acc5
rgb(73,172,197)
-
#58b3ca
#58b3ca
rgb(88,179,202)
-
#67b9ce
#67b9ce
rgb(103,185,206)
-
#76c0d3
#76c0d3
rgb(118,192,211)
-
#84c7d8
#84c7d8
rgb(132,199,216)
-
#93cedd
#93cedd
rgb(147,206,221)
-
#a2d5e1
#a2d5e1
rgb(162,213,225)
-
#b1dbe6
#b1dbe6
rgb(177,219,230)
-
#c0e2eb
#c0e2eb
rgb(192,226,235)
-
#cfe9f0
#cfe9f0
rgb(207,233,240)
-
#def0f4
#def0f4
rgb(222,240,244)
-
#edf7f9
#edf7f9
rgb(237,247,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #338aa0
A tone is produced by adding gray to any pure hue. In this case, #646d6f is the less saturated color, while #02a7d1 is the most saturated one.
-
#646d6f
#646d6f
rgb(100,109,111)
-
#5c7277
#5c7277
rgb(92,114,119)
-
#537780
#537780
rgb(83,119,128)
-
#4b7b88
#4b7b88
rgb(75,123,136)
-
#438090
#438090
rgb(67,128,144)
-
#3b8598
#3b8598
rgb(59,133,152)
-
#338aa0
#338aa0
rgb(51,138,160)
-
#2b8fa8
#2b8fa8
rgb(43,143,168)
-
#2394b0
#2394b0
rgb(35,148,176)
-
#1b99b8
#1b99b8
rgb(27,153,184)
-
#139dc0
#139dc0
rgb(19,157,192)
-
#0aa2c9
#0aa2c9
rgb(10,162,201)
-
#02a7d1
#02a7d1
rgb(2,167,209)
Color Blindness Simulator
Below, you can see how #338aa0 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.