#338485 hex color

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

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

● #338485 color description : Dark moderate cyan.

The hexadecimal color #338485 has RGB values of R:51, G:132, B:133 and CMYK values of C:0.62, M:0.01, Y:0, K:0.48. Its decimal value is 3376261.

Hex triplet	338485	`#338485`
RGB Decimal	51, 132, 133	`rgb(51,132,133)`
RGB Percent	20, 51.8, 52.2	`rgb(20%,51.8%,52.2%)`
CMYK	62, 1, 0, 48
HSL	180.7°, 44.6, 36.1	`hsl(180.7,44.6%,36.1%)`
HSV (or HSB)	180.7°, 61.7, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.568, -23.828, -7.869
XYZ	13.849, 18.899, 25.107
xyY	0.239, 0.327, 18.899
CIE-LCH	50.568, 25.094, 198.276
CIE-LUV	50.568, -32.335, -7.828
Hunter-Lab	43.473, -19.213, -3.811
Binary	00110011, 10000100, 10000101

#338485
```
#338485 rgb(51,132,133)
```
#853433
```
#853433 rgb(133,52,51)
```

Complementary Color

#33855d
```
#33855d rgb(51,133,93)
```
#338485
```
#338485 rgb(51,132,133)
```
#335b85
```
#335b85 rgb(51,91,133)
```

Analogous Color

#855d33
```
#855d33 rgb(133,93,51)
```
#338485
```
#338485 rgb(51,132,133)
```
#85335b
```
#85335b rgb(133,51,91)
```

Split Complementary Color

#848533
```
#848533 rgb(132,133,51)
```
#338485
```
#338485 rgb(51,132,133)
```
#853384
```
#853384 rgb(133,51,132)
```

Triadic Color

#338534
```
#338534 rgb(51,133,52)
```
#338485
```
#338485 rgb(51,132,133)
```
#853384
```
#853384 rgb(133,51,132)
```
#853433
```
#853433 rgb(133,52,51)
```

Tetradic Color

#1e4d4e
```
#1e4d4e rgb(30,77,78)
```
#255f60
```
#255f60 rgb(37,95,96)
```
#2c7273
```
#2c7273 rgb(44,114,115)
```
#338485
```
#338485 rgb(51,132,133)
```
#3a9697
```
#3a9697 rgb(58,150,151)
```
#41a9aa
```
#41a9aa rgb(65,169,170)
```
#4bb8ba
```
#4bb8ba rgb(75,184,186)
```

Monochromatic Color

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

#338572
```
#338572 rgb(51,133,114)
```
#338578
```
#338578 rgb(51,133,120)
```
#33857f
```
#33857f rgb(51,133,127)
```
#338485
```
#338485 rgb(51,132,133)
```
#337d85
```
#337d85 rgb(51,125,133)
```
#337685
```
#337685 rgb(51,118,133)
```
#337085
```
#337085 rgb(51,112,133)
```

Similar Colors

Text with hexadecimal color #338485

This text has a font color of #338485.

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

#338485 background color

This paragraph has a background color of #338485.

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

#338485 border color

This element has a border color of #338485.

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

CSS codes

.text {color:#338485;}

.background {background-color:#338485;}

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

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 #f6fcfc is the lightest one.

#020505
```
#020505 rgb(2,5,5)
```
#081314
```
#081314 rgb(8,19,20)
```
#0d2122
```
#0d2122 rgb(13,33,34)
```
#123030
```
#123030 rgb(18,48,48)
```
#183e3e
```
#183e3e rgb(24,62,62)
```
#1d4c4c
```
#1d4c4c rgb(29,76,76)
```
#235a5a
```
#235a5a rgb(35,90,90)
```
#286869
```
#286869 rgb(40,104,105)
```
#2e7677
```
#2e7677 rgb(46,118,119)
```
#338485
```
#338485 rgb(51,132,133)
```
#389293
```
#389293 rgb(56,146,147)
```
#3ea0a1
```
#3ea0a1 rgb(62,160,161)
```
#43aeb0
```
#43aeb0 rgb(67,174,176)
```

Shade Color Variation

#4cb9ba
```
#4cb9ba rgb(76,185,186)
```
#5abfc0
```
#5abfc0 rgb(90,191,192)
```
#68c4c5
```
#68c4c5 rgb(104,196,197)
```
#77cacb
```
#77cacb rgb(119,202,203)
```
#85cfd0
```
#85cfd0 rgb(133,207,208)
```
#93d5d6
```
#93d5d6 rgb(147,213,214)
```
#a1dadb
```
#a1dadb rgb(161,218,219)
```
#afe0e0
```
#afe0e0 rgb(175,224,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)
```
#f6fcfc
```
#f6fcfc rgb(246,252,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 #01b4b7 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)
```
#3a7d7e
```
#3a7d7e rgb(58,125,126)
```
#338485
```
#338485 rgb(51,132,133)
```
#2c8b8c
```
#2c8b8c rgb(44,139,140)
```
#259293
```
#259293 rgb(37,146,147)
```
#1e999a
```
#1e999a rgb(30,153,154)
```
#17a0a1
```
#17a0a1 rgb(23,160,161)
```
#10a7a8
```
#10a7a8 rgb(16,167,168)
```
#09adaf
```
#09adaf rgb(9,173,175)
```
#01b4b7
```
#01b4b7 rgb(1,180,183)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#617171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7e84 Protanopia 1% of men
#827c90 Deuteranopia 1% of men
#418993 Tritanopia 0.001% of the population

Trichromacy

#638084 Protanomaly 1% of men, 0.01% of women
#657f8c Deuteranomaly 6% of men, 0.4% of women
#3c878e Tritanomaly 0.01% of the population

#338485 hex color

#338485 Color Information

#338485 Color Conversion

Color Schemes with #338485

Alternatives to #338485

#338485 Preview

Shades and Tints of #338485

Tones of #338485

Color Blindness Simulator