#3f8485 hex color

In a RGB color space, hex #3f8485 is composed of 24.7% red, 51.8% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 0.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 180.9 degrees, a saturation of 35.7% and a lightness of 38.4%. #3f8485 color hex could be obtained by blending #7effff with #00090b. Closest websafe color is: #339999.

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

● #3f8485 color description : Dark moderate cyan.

The hexadecimal color #3f8485 has RGB values of R:63, G:132, B:133 and CMYK values of C:0.53, M:0.01, Y:0, K:0.48. Its decimal value is 4162693.

Hex triplet	3f8485	`#3f8485`
RGB Decimal	63, 132, 133	`rgb(63,132,133)`
RGB Percent	24.7, 51.8, 52.2	`rgb(24.7%,51.8%,52.2%)`
CMYK	53, 1, 0, 48
HSL	180.9°, 35.7, 38.4	`hsl(180.9,35.7%,38.4%)`
HSV (or HSB)	180.9°, 52.6, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.98, -21.337, -7.211
XYZ	14.534, 19.252, 25.139
xyY	0.247, 0.327, 19.252
CIE-LCH	50.98, 22.523, 198.674
CIE-LUV	50.98, -29.386, -7.185
Hunter-Lab	43.877, -17.659, -3.256
Binary	00111111, 10000100, 10000101

#3f8485
```
#3f8485 rgb(63,132,133)
```
#85403f
```
#85403f rgb(133,64,63)
```

Complementary Color

#3f8563
```
#3f8563 rgb(63,133,99)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#3f6185
```
#3f6185 rgb(63,97,133)
```

Analogous Color

#85633f
```
#85633f rgb(133,99,63)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#853f61
```
#853f61 rgb(133,63,97)
```

Split Complementary Color

#84853f
```
#84853f rgb(132,133,63)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#853f84
```
#853f84 rgb(133,63,132)
```

Triadic Color

#3f8540
```
#3f8540 rgb(63,133,64)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#853f84
```
#853f84 rgb(133,63,132)
```
#85403f
```
#85403f rgb(133,64,63)
```

Tetradic Color

#265051
```
#265051 rgb(38,80,81)
```
#2f6262
```
#2f6262 rgb(47,98,98)
```
#377374
```
#377374 rgb(55,115,116)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#479596
```
#479596 rgb(71,149,150)
```
#4fa6a8
```
#4fa6a8 rgb(79,166,168)
```
#5eb1b3
```
#5eb1b3 rgb(94,177,179)
```

Monochromatic Color

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

#3f8575
```
#3f8575 rgb(63,133,117)
```
#3f857a
```
#3f857a rgb(63,133,122)
```
#3f8580
```
#3f8580 rgb(63,133,128)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#3f7e85
```
#3f7e85 rgb(63,126,133)
```
#3f7885
```
#3f7885 rgb(63,120,133)
```
#3f7385
```
#3f7385 rgb(63,115,133)
```

Similar Colors

Text with hexadecimal color #3f8485

This text has a font color of #3f8485.

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

#3f8485 background color

This paragraph has a background color of #3f8485.

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

#3f8485 border color

This element has a border color of #3f8485.

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

CSS codes

.text {color:#3f8485;}

.background {background-color:#3f8485;}

.border {border:1px solid #3f8485;}

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, #060d0d is the darkest color, while #ffffff is the lightest one.

#060d0d
```
#060d0d rgb(6,13,13)
```
#0d1a1b
```
#0d1a1b rgb(13,26,27)
```
#132828
```
#132828 rgb(19,40,40)
```
#193535
```
#193535 rgb(25,53,53)
```
#1f4242
```
#1f4242 rgb(31,66,66)
```
#264f50
```
#264f50 rgb(38,79,80)
```
#2c5c5d
```
#2c5c5d rgb(44,92,93)
```
#326a6a
```
#326a6a rgb(50,106,106)
```
#397778
```
#397778 rgb(57,119,120)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#459192
```
#459192 rgb(69,145,146)
```
#4c9ea0
```
#4c9ea0 rgb(76,158,160)
```
#52acad
```
#52acad rgb(82,172,173)
```

Shade Color Variation

#5fb2b3
```
#5fb2b3 rgb(95,178,179)
```
#6cb8ba
```
#6cb8ba rgb(108,184,186)
```
#7abfc0
```
#7abfc0 rgb(122,191,192)
```
#87c5c6
```
#87c5c6 rgb(135,197,198)
```
#94cccd
```
#94cccd rgb(148,204,205)
```
#a2d2d3
```
#a2d2d3 rgb(162,210,211)
```
#afd9d9
```
#afd9d9 rgb(175,217,217)
```
#bcdfdf
```
#bcdfdf rgb(188,223,223)
```
#cae5e6
```
#cae5e6 rgb(202,229,230)
```
#d7ecec
```
#d7ecec rgb(215,236,236)
```
#e4f2f2
```
#e4f2f2 rgb(228,242,242)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6767 is the less saturated color, while #03bfc1 is the most saturated one.

#5d6767
```
#5d6767 rgb(93,103,103)
```
#566e6e
```
#566e6e rgb(86,110,110)
```
#4e7576
```
#4e7576 rgb(78,117,118)
```
#477d7d
```
#477d7d rgb(71,125,125)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#378b8d
```
#378b8d rgb(55,139,141)
```
#309394
```
#309394 rgb(48,147,148)
```
#289a9c
```
#289a9c rgb(40,154,156)
```
#21a1a3
```
#21a1a3 rgb(33,161,163)
```
#19a9ab
```
#19a9ab rgb(25,169,171)
```
#12b0b2
```
#12b0b2 rgb(18,176,178)
```
#0ab7ba
```
#0ab7ba rgb(10,183,186)
```
#03bfc1
```
#03bfc1 rgb(3,191,193)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#657373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807f85 Protanopia 1% of men
#847d90 Deuteranopia 1% of men
#4c8993 Tritanopia 0.001% of the population

Trichromacy

#688185 Protanomaly 1% of men, 0.01% of women
#6b7f8c Deuteranomaly 6% of men, 0.4% of women
#47878e Tritanomaly 0.01% of the population

#3f8485 hex color

#3f8485 Color Information

#3f8485 Color Conversion

Color Schemes with #3f8485

Alternatives to #3f8485

#3f8485 Preview

Shades and Tints of #3f8485

Tones of #3f8485

Color Blindness Simulator