#3f8093 hex color

In a RGB color space, hex #3f8093 is composed of 24.7% red, 50.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 12.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 193.6 degrees, a saturation of 40% and a lightness of 41.2%. #3f8093 color hex could be obtained by blending #7effff with #000127. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 50
- B 58
RGB color chart
- C 57
- M 13
- Y 0
- K 42
CMYK color chart

● #3f8093 color description : Dark moderate cyan.

The hexadecimal color #3f8093 has RGB values of R:63, G:128, B:147 and CMYK values of C:0.57, M:0.13, Y:0, K:0.42. Its decimal value is 4161683.

Hex triplet	3f8093	`#3f8093`
RGB Decimal	63, 128, 147	`rgb(63,128,147)`
RGB Percent	24.7, 50.2, 57.6	`rgb(24.7%,50.2%,57.6%)`
CMYK	57, 13, 0, 42
HSL	193.6°, 40, 41.2	`hsl(193.6,40%,41.2%)`
HSV (or HSB)	193.6°, 57.1, 57.6
Web Safe	339999	`#339999`

CIE-LAB	50.217, -15.01, -16.551
XYZ	15.034, 18.601, 30.4
xyY	0.235, 0.29, 18.601
CIE-LCH	50.217, 22.344, 227.795
CIE-LUV	50.217, -27.249, -22.06
Hunter-Lab	43.128, -13.252, -11.602
Binary	00111111, 10000000, 10010011

#3f8093
```
#3f8093 rgb(63,128,147)
```
#93523f
```
#93523f rgb(147,82,63)
```

Complementary Color

#3f937c
```
#3f937c rgb(63,147,124)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#3f5693
```
#3f5693 rgb(63,86,147)
```

Analogous Color

#937c3f
```
#937c3f rgb(147,124,63)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#933f56
```
#933f56 rgb(147,63,86)
```

Split Complementary Color

#80933f
```
#80933f rgb(128,147,63)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#933f80
```
#933f80 rgb(147,63,128)
```

Triadic Color

#3f9352
```
#3f9352 rgb(63,147,82)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#933f80
```
#933f80 rgb(147,63,128)
```
#93523f
```
#93523f rgb(147,82,63)
```

Tetradic Color

#28515d
```
#28515d rgb(40,81,93)
```
#30616f
```
#30616f rgb(48,97,111)
```
#377081
```
#377081 rgb(55,112,129)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#4790a5
```
#4790a5 rgb(71,144,165)
```
#519eb4
```
#519eb4 rgb(81,158,180)
```
#63a8bc
```
#63a8bc rgb(99,168,188)
```

Monochromatic Color

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

#3f9391
```
#3f9391 rgb(63,147,145)
```
#3f8e93
```
#3f8e93 rgb(63,142,147)
```
#3f8793
```
#3f8793 rgb(63,135,147)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#3f7993
```
#3f7993 rgb(63,121,147)
```
#3f7293
```
#3f7293 rgb(63,114,147)
```
#3f6b93
```
#3f6b93 rgb(63,107,147)
```

Similar Colors

Text with hexadecimal color #3f8093

This text has a font color of #3f8093.

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

#3f8093 background color

This paragraph has a background color of #3f8093.

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

#3f8093 border color

This element has a border color of #3f8093.

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

CSS codes

.text {color:#3f8093;}

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

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

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, #04080a is the darkest color, while #fbfdfd is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#0a1417
```
#0a1417 rgb(10,20,23)
```
#102025
```
#102025 rgb(16,32,37)
```
#162c33
```
#162c33 rgb(22,44,51)
```
#1c3841
```
#1c3841 rgb(28,56,65)
```
#22444e
```
#22444e rgb(34,68,78)
```
#27505c
```
#27505c rgb(39,80,92)
```
#2d5c6a
```
#2d5c6a rgb(45,92,106)
```
#336878
```
#336878 rgb(51,104,120)
```
#397485
```
#397485 rgb(57,116,133)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#458ca1
```
#458ca1 rgb(69,140,161)
```
#4b98ae
```
#4b98ae rgb(75,152,174)
```

Shade Color Variation

#56a1b7
```
#56a1b7 rgb(86,161,183)
```
#64a8bd
```
#64a8bd rgb(100,168,189)
```
#72b0c2
```
#72b0c2 rgb(114,176,194)
```
#7fb8c8
```
#7fb8c8 rgb(127,184,200)
```
#8dbfce
```
#8dbfce rgb(141,191,206)
```
#9bc7d4
```
#9bc7d4 rgb(155,199,212)
```
#a9cfda
```
#a9cfda rgb(169,207,218)
```
#b6d6e0
```
#b6d6e0 rgb(182,214,224)
```
#c4dee6
```
#c4dee6 rgb(196,222,230)
```
#d2e6ec
```
#d2e6ec rgb(210,230,236)
```
#e0edf2
```
#e0edf2 rgb(224,237,242)
```
#edf5f7
```
#edf5f7 rgb(237,245,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a6b is the less saturated color, while #069fcc is the most saturated one.

#676a6b
```
#676a6b rgb(103,106,107)
```
#5f6e73
```
#5f6e73 rgb(95,110,115)
```
#57737b
```
#57737b rgb(87,115,123)
```
#4f7783
```
#4f7783 rgb(79,119,131)
```
#477c8b
```
#477c8b rgb(71,124,139)
```
#3f8093
```
#3f8093 rgb(63,128,147)
```
#37849b
```
#37849b rgb(55,132,155)
```
#2f89a3
```
#2f89a3 rgb(47,137,163)
```
#278dab
```
#278dab rgb(39,141,171)
```
#1f92b3
```
#1f92b3 rgb(31,146,179)
```
#1796bb
```
#1796bb rgb(23,150,187)
```
#0f9bc3
```
#0f9bc3 rgb(15,155,195)
```
#069fcc
```
#069fcc rgb(6,159,204)
```

Tone Color Variation

Below, you can see how #3f8093 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
#657276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7d93 Protanopia 1% of men
#797c9c Deuteranopia 1% of men
#458791 Tritanopia 0.001% of the population

Trichromacy

#647e93 Protanomaly 1% of men, 0.01% of women
#647d99 Deuteranomaly 6% of men, 0.4% of women
#438492 Tritanomaly 0.01% of the population

#3f8093 hex color

#3f8093 Color Information

#3f8093 Color Conversion

Color Schemes with #3f8093

Alternatives to #3f8093

#3f8093 Preview

Shades and Tints of #3f8093

Tones of #3f8093

Color Blindness Simulator