#338b88 Color Information
In a RGB color space, hex #338b88 is composed of 20% red, 54.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 2.2% yellow and 45.5% black. It has a hue angle of 178 degrees, a saturation of 46.3% and a lightness of 37.3%. #338b88 color hex could be obtained by blending #66ffff with #001711. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 53
-
- C 63
- M 0
- Y 2
- K 45
● #338b88 color description : Dark moderate cyan.
#338b88 Color Conversion
The hexadecimal color #338b88 has RGB values of R:51, G:139, B:136 and CMYK values of C:0.63, M:0, Y:0.02, K:0.45. Its decimal value is 3378056.
Hex triplet | 338b88 | #338b88 |
---|---|---|
RGB Decimal | 51, 139, 136 | rgb(51,139,136) |
RGB Percent | 20, 54.5, 53.3 | rgb(20%,54.5%,53.3%) |
CMYK | 63, 0, 2, 45 | |
HSL | 178°, 46.3, 37.3 | hsl(178,46.3%,37.3%) |
HSV (or HSB) | 178°, 63.3, 54.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.89, -26.494, -6.16 |
---|---|
XYZ | 15.04, 20.945, 26.541 |
xyY | 0.241, 0.335, 20.945 |
CIE-LCH | 52.89, 27.201, 193.089 |
CIE-LUV | 52.89, -34.852, -4.993 |
Hunter-Lab | 45.766, -21.429, -2.348 |
Binary | 00110011, 10001011, 10001000 |
Color Schemes with #338b88
Alternatives to #338b88
Below, you can see some colors close to #338b88. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338b88 Preview
This text has a font color of #338b88.
<span style="color:#338b88;">Text here</span>
This paragraph has a background color of #338b88.
<p style="background-color:#338b88;">Content here</p>
This element has a border color of #338b88.
<div style="border:1px solid #338b88;">Content here</div>
.text {color:#338b88;}
.background {background-color:#338b88;}
.border {border:1px solid #338b88;}
Shades and Tints of #338b88
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, #040a0a is the darkest color, while #fafdfd is the lightest one.
-
#040a0a
#040a0a
rgb(4,10,10)
-
#091818
#091818
rgb(9,24,24)
-
#0e2726
#0e2726
rgb(14,39,38)
-
#133534
#133534
rgb(19,53,52)
-
#194342
#194342
rgb(25,67,66)
-
#1e5250
#1e5250
rgb(30,82,80)
-
#23605e
#23605e
rgb(35,96,94)
-
#286e6c
#286e6c
rgb(40,110,108)
-
#2e7d7a
#2e7d7a
rgb(46,125,122)
-
#338b88
#338b88
rgb(51,139,136)
-
#389996
#389996
rgb(56,153,150)
-
#3ea8a4
#3ea8a4
rgb(62,168,164)
-
#43b6b2
#43b6b2
rgb(67,182,178)
-
#4ebeba
#4ebeba
rgb(78,190,186)
-
#5dc3c0
#5dc3c0
rgb(93,195,192)
-
#6bc9c6
#6bc9c6
rgb(107,201,198)
-
#79cecb
#79cecb
rgb(121,206,203)
-
#88d3d1
#88d3d1
rgb(136,211,209)
-
#96d8d6
#96d8d6
rgb(150,216,214)
-
#a4dedc
#a4dedc
rgb(164,222,220)
-
#b3e3e1
#b3e3e1
rgb(179,227,225)
-
#c1e8e7
#c1e8e7
rgb(193,232,231)
-
#cfeeed
#cfeeed
rgb(207,238,237)
-
#def3f2
#def3f2
rgb(222,243,242)
-
#ecf8f8
#ecf8f8
rgb(236,248,248)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #338b88
A tone is produced by adding gray to any pure hue. In this case, #5f5f5f is the less saturated color, while #07b7b1 is the most saturated one.
-
#5f5f5f
#5f5f5f
rgb(95,95,95)
-
#586666
#586666
rgb(88,102,102)
-
#506e6d
#506e6d
rgb(80,110,109)
-
#497574
#497574
rgb(73,117,116)
-
#427c7a
#427c7a
rgb(66,124,122)
-
#3a8481
#3a8481
rgb(58,132,129)
-
#338b88
#338b88
rgb(51,139,136)
-
#2c928f
#2c928f
rgb(44,146,143)
-
#249a96
#249a96
rgb(36,154,150)
-
#1da19c
#1da19c
rgb(29,161,156)
-
#16a8a3
#16a8a3
rgb(22,168,163)
-
#0eb0aa
#0eb0aa
rgb(14,176,170)
-
#07b7b1
#07b7b1
rgb(7,183,177)
Color Blindness Simulator
Below, you can see how #338b88 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.