#338a99 Color Information
In a RGB color space, hex #338a99 is composed of 20% red, 54.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 9.8% magenta, 0% yellow and 40% black. It has a hue angle of 188.8 degrees, a saturation of 50% and a lightness of 40%. #338a99 color hex could be obtained by blending #66ffff with #001533. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 60
-
- C 67
- M 10
- Y 0
- K 40
● #338a99 color description : Dark moderate cyan.
#338a99 Color Conversion
The hexadecimal color #338a99 has RGB values of R:51, G:138, B:153 and CMYK values of C:0.67, M:0.1, Y:0, K:0.4. Its decimal value is 3377817.
Hex triplet | 338a99 | #338a99 |
---|---|---|
RGB Decimal | 51, 138, 153 | rgb(51,138,153) |
RGB Percent | 20, 54.1, 60 | rgb(20%,54.1%,60%) |
CMYK | 67, 10, 0, 40 | |
HSL | 188.8°, 50, 40 | hsl(188.8,50%,40%) |
HSV (or HSB) | 188.8°, 66.7, 60 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.145, -20.806, -15.626 |
---|---|
XYZ | 16.202, 21.179, 33.369 |
xyY | 0.229, 0.299, 21.179 |
CIE-LCH | 53.145, 26.021, 216.908 |
CIE-LUV | 53.145, -33.518, -20.128 |
Hunter-Lab | 46.021, -17.695, -10.776 |
Binary | 00110011, 10001010, 10011001 |
Color Schemes with #338a99
Alternatives to #338a99
Below, you can see some colors close to #338a99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338a99 Preview
This text has a font color of #338a99.
<span style="color:#338a99;">Text here</span>
This paragraph has a background color of #338a99.
<p style="background-color:#338a99;">Content here</p>
This element has a border color of #338a99.
<div style="border:1px solid #338a99;">Content here</div>
.text {color:#338a99;}
.background {background-color:#338a99;}
.border {border:1px solid #338a99;}
Shades and Tints of #338a99
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)
-
#071315
#071315
rgb(7,19,21)
-
#0c2023
#0c2023
rgb(12,32,35)
-
#112d32
#112d32
rgb(17,45,50)
-
#163a41
#163a41
rgb(22,58,65)
-
#1a484f
#1a484f
rgb(26,72,79)
-
#1f555e
#1f555e
rgb(31,85,94)
-
#24626d
#24626d
rgb(36,98,109)
-
#296f7c
#296f7c
rgb(41,111,124)
-
#2e7d8a
#2e7d8a
rgb(46,125,138)
-
#338a99
#338a99
rgb(51,138,153)
-
#3897a8
#3897a8
rgb(56,151,168)
-
#3da5b6
#3da5b6
rgb(61,165,182)
-
#46afc1
#46afc1
rgb(70,175,193)
-
#54b5c6
#54b5c6
rgb(84,181,198)
-
#63bccb
#63bccb
rgb(99,188,203)
-
#72c2d0
#72c2d0
rgb(114,194,208)
-
#80c8d5
#80c8d5
rgb(128,200,213)
-
#8fcfda
#8fcfda
rgb(143,207,218)
-
#9ed5df
#9ed5df
rgb(158,213,223)
-
#addbe4
#addbe4
rgb(173,219,228)
-
#bbe2e8
#bbe2e8
rgb(187,226,232)
-
#cae8ed
#cae8ed
rgb(202,232,237)
-
#d9eff2
#d9eff2
rgb(217,239,242)
-
#e7f5f7
#e7f5f7
rgb(231,245,247)
-
#f6fbfc
#f6fbfc
rgb(246,251,252)
Tones of #338a99
A tone is produced by adding gray to any pure hue. In this case, #62696a is the less saturated color, while #04abc8 is the most saturated one.
-
#62696a
#62696a
rgb(98,105,106)
-
#5a6e72
#5a6e72
rgb(90,110,114)
-
#52747a
#52747a
rgb(82,116,122)
-
#4b7981
#4b7981
rgb(75,121,129)
-
#437f89
#437f89
rgb(67,127,137)
-
#3b8491
#3b8491
rgb(59,132,145)
-
#338a99
#338a99
rgb(51,138,153)
-
#2b90a1
#2b90a1
rgb(43,144,161)
-
#2395a9
#2395a9
rgb(35,149,169)
-
#1b9bb1
#1b9bb1
rgb(27,155,177)
-
#14a0b8
#14a0b8
rgb(20,160,184)
-
#0ca6c0
#0ca6c0
rgb(12,166,192)
-
#04abc8
#04abc8
rgb(4,171,200)
Color Blindness Simulator
Below, you can see how #338a99 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.