#338385 hex color

In a RGB color space, hex #338385 is composed of 20% red, 51.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 1.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 181.5 degrees, a saturation of 44.6% and a lightness of 36.1%. #338385 color hex could be obtained by blending #66ffff with #00070b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 51
- B 52
RGB color chart
- C 62
- M 2
- Y 0
- K 48
CMYK color chart

● #338385 color description : Dark moderate cyan.

The hexadecimal color #338385 has RGB values of R:51, G:131, B:133 and CMYK values of C:0.62, M:0.02, Y:0, K:0.48. Its decimal value is 3376005.

Hex triplet	338385	`#338385`
RGB Decimal	51, 131, 133	`rgb(51,131,133)`
RGB Percent	20, 51.4, 52.2	`rgb(20%,51.4%,52.2%)`
CMYK	62, 2, 0, 48
HSL	181.5°, 44.6, 36.1	`hsl(181.5,44.6%,36.1%)`
HSV (or HSB)	181.5°, 61.7, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.25, -23.313, -8.345
XYZ	13.714, 18.629, 25.062
xyY	0.239, 0.325, 18.629
CIE-LCH	50.25, 24.762, 199.696
CIE-LUV	50.25, -31.95, -8.591
Hunter-Lab	43.161, -18.815, -4.215
Binary	00110011, 10000011, 10000101

#338385
```
#338385 rgb(51,131,133)
```
#853533
```
#853533 rgb(133,53,51)
```

Complementary Color

#33855e
```
#33855e rgb(51,133,94)
```
#338385
```
#338385 rgb(51,131,133)
```
#335a85
```
#335a85 rgb(51,90,133)
```

Analogous Color

#855e33
```
#855e33 rgb(133,94,51)
```
#338385
```
#338385 rgb(51,131,133)
```
#85335a
```
#85335a rgb(133,51,90)
```

Split Complementary Color

#838533
```
#838533 rgb(131,133,51)
```
#338385
```
#338385 rgb(51,131,133)
```
#853383
```
#853383 rgb(133,51,131)
```

Triadic Color

#338535
```
#338535 rgb(51,133,53)
```
#338385
```
#338385 rgb(51,131,133)
```
#853383
```
#853383 rgb(133,51,131)
```
#853533
```
#853533 rgb(133,53,51)
```

Tetradic Color

#1e4d4e
```
#1e4d4e rgb(30,77,78)
```
#255f60
```
#255f60 rgb(37,95,96)
```
#2c7173
```
#2c7173 rgb(44,113,115)
```
#338385
```
#338385 rgb(51,131,133)
```
#3a9597
```
#3a9597 rgb(58,149,151)
```
#41a7aa
```
#41a7aa rgb(65,167,170)
```
#4bb7ba
```
#4bb7ba rgb(75,183,186)
```

Monochromatic Color

Below, you can see some colors close to #338385. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#338573
```
#338573 rgb(51,133,115)
```
#338579
```
#338579 rgb(51,133,121)
```
#338580
```
#338580 rgb(51,133,128)
```
#338385
```
#338385 rgb(51,131,133)
```
#337c85
```
#337c85 rgb(51,124,133)
```
#337585
```
#337585 rgb(51,117,133)
```
#336f85
```
#336f85 rgb(51,111,133)
```

Similar Colors

Text with hexadecimal color #338385

This text has a font color of #338385.

<span style="color:#338385;">Text here</span>

#338385 background color

This paragraph has a background color of #338385.

<p style="background-color:#338385;">Content here</p>

#338385 border color

This element has a border color of #338385.

<div style="border:1px solid #338385;">Content here</div>

CSS codes

.text {color:#338385;}

.background {background-color:#338385;}

.border {border:1px solid #338385;}

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, #020505 is the darkest color, while #f6fbfc is the lightest one.

#020505
```
#020505 rgb(2,5,5)
```
#081314
```
#081314 rgb(8,19,20)
```
#0d2122
```
#0d2122 rgb(13,33,34)
```
#122f30
```
#122f30 rgb(18,47,48)
```
#183d3e
```
#183d3e rgb(24,61,62)
```
#1d4b4c
```
#1d4b4c rgb(29,75,76)
```
#23595a
```
#23595a rgb(35,89,90)
```
#286769
```
#286769 rgb(40,103,105)
```
#2e7577
```
#2e7577 rgb(46,117,119)
```
#338385
```
#338385 rgb(51,131,133)
```
#389193
```
#389193 rgb(56,145,147)
```
#3e9fa1
```
#3e9fa1 rgb(62,159,161)
```
#43adb0
```
#43adb0 rgb(67,173,176)
```

Shade Color Variation

#4cb8ba
```
#4cb8ba rgb(76,184,186)
```
#5abdc0
```
#5abdc0 rgb(90,189,192)
```
#68c3c5
```
#68c3c5 rgb(104,195,197)
```
#77c9cb
```
#77c9cb rgb(119,201,203)
```
#85ced0
```
#85ced0 rgb(133,206,208)
```
#93d4d6
```
#93d4d6 rgb(147,212,214)
```
#a1dadb
```
#a1dadb rgb(161,218,219)
```
#afdfe0
```
#afdfe0 rgb(175,223,224)
```
#bee5e6
```
#bee5e6 rgb(190,229,230)
```
#ccebeb
```
#ccebeb rgb(204,235,235)
```
#daf0f1
```
#daf0f1 rgb(218,240,241)
```
#e8f6f6
```
#e8f6f6 rgb(232,246,246)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #566162 is the less saturated color, while #01b2b7 is the most saturated one.

#566162
```
#566162 rgb(86,97,98)
```
#4f6869
```
#4f6869 rgb(79,104,105)
```
#486f70
```
#486f70 rgb(72,111,112)
```
#417677
```
#417677 rgb(65,118,119)
```
#3a7c7e
```
#3a7c7e rgb(58,124,126)
```
#338385
```
#338385 rgb(51,131,133)
```
#2c8a8c
```
#2c8a8c rgb(44,138,140)
```
#259093
```
#259093 rgb(37,144,147)
```
#1e979a
```
#1e979a rgb(30,151,154)
```
#179ea1
```
#179ea1 rgb(23,158,161)
```
#10a5a8
```
#10a5a8 rgb(16,165,168)
```
#09abaf
```
#09abaf rgb(9,171,175)
```
#01b2b7
```
#01b2b7 rgb(1,178,183)
```

Tone Color Variation

Below, you can see how #338385 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.

Monochromacy

#6b6b6b Achromatopsia 0.005% of the population
#607070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7d84 Protanopia 1% of men
#817b90 Deuteranopia 1% of men
#418892 Tritanopia 0.001% of the population

Trichromacy

#637f84 Protanomaly 1% of men, 0.01% of women
#647e8c Deuteranomaly 6% of men, 0.4% of women
#3c868d Tritanomaly 0.01% of the population

#338385 hex color

#338385 Color Information

#338385 Color Conversion

Color Schemes with #338385

Alternatives to #338385

#338385 Preview

Shades and Tints of #338385

Tones of #338385

Color Blindness Simulator