#003f5a hex color

In a RGB color space, hex #003f5a is composed of 0% red, 24.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 30% magenta, 0% yellow and 64.7% black. It has a hue angle of 198 degrees, a saturation of 100% and a lightness of 17.6%. #003f5a color hex could be obtained by blending #007eb4 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 0
- G 25
- B 35
RGB color chart
- C 100
- M 30
- Y 0
- K 65
CMYK color chart

● #003f5a color description : Very dark blue.

The hexadecimal color #003f5a has RGB values of R:0, G:63, B:90 and CMYK values of C:1, M:0.3, Y:0, K:0.65. Its decimal value is 16218.

Hex triplet	003f5a	`#003f5a`
RGB Decimal	0, 63, 90	`rgb(0,63,90)`
RGB Percent	0, 24.7, 35.3	`rgb(0%,24.7%,35.3%)`
CMYK	100, 30, 0, 65
HSL	198°, 100, 17.6	`hsl(198,100%,17.6%)`
HSV (or HSB)	198°, 100, 35.3
Web Safe	003366	`#003366`

CIE-LAB	24.617, -6.808, -21.129
XYZ	3.622, 4.293, 10.31
xyY	0.199, 0.236, 4.293
CIE-LCH	24.617, 22.199, 252.141
CIE-LUV	24.617, -16.447, -24.917
Hunter-Lab	20.719, -5.05, -15
Binary	00000000, 00111111, 01011010

#003f5a
```
#003f5a rgb(0,63,90)
```
#5a1b00
```
#5a1b00 rgb(90,27,0)
```

Complementary Color

#005a48
```
#005a48 rgb(0,90,72)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#00125a
```
#00125a rgb(0,18,90)
```

Analogous Color

#5a4800
```
#5a4800 rgb(90,72,0)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#5a0012
```
#5a0012 rgb(90,0,18)
```

Split Complementary Color

#3f5a00
```
#3f5a00 rgb(63,90,0)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#5a003f
```
#5a003f rgb(90,0,63)
```

Triadic Color

#005a1b
```
#005a1b rgb(0,90,27)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#5a003f
```
#5a003f rgb(90,0,63)
```
#5a1b00
```
#5a1b00 rgb(90,27,0)
```

Tetradic Color

#00090e
```
#00090e rgb(0,9,14)
```
#001b27
```
#001b27 rgb(0,27,39)
```
#002d41
```
#002d41 rgb(0,45,65)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#005174
```
#005174 rgb(0,81,116)
```
#00638d
```
#00638d rgb(0,99,141)
```
#0075a7
```
#0075a7 rgb(0,117,167)
```

Monochromatic Color

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

#00565a
```
#00565a rgb(0,86,90)
```
#004e5a
```
#004e5a rgb(0,78,90)
```
#00475a
```
#00475a rgb(0,71,90)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#00385a
```
#00385a rgb(0,56,90)
```
#00305a
```
#00305a rgb(0,48,90)
```
#00295a
```
#00295a rgb(0,41,90)
```

Similar Colors

Text with hexadecimal color #003f5a

This text has a font color of #003f5a.

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

#003f5a background color

This paragraph has a background color of #003f5a.

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

#003f5a border color

This element has a border color of #003f5a.

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

CSS codes

.text {color:#003f5a;}

.background {background-color:#003f5a;}

.border {border:1px solid #003f5a;}

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, #00080c is the darkest color, while #f7fdff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#00161f
```
#00161f rgb(0,22,31)
```
#002433
```
#002433 rgb(0,36,51)
```
#003146
```
#003146 rgb(0,49,70)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#004d6e
```
#004d6e rgb(0,77,110)
```
#005a81
```
#005a81 rgb(0,90,129)
```
#006895
```
#006895 rgb(0,104,149)
```
#0076a8
```
#0076a8 rgb(0,118,168)
```
#0084bc
```
#0084bc rgb(0,132,188)
```
#0091d0
```
#0091d0 rgb(0,145,208)
```
#009fe3
```
#009fe3 rgb(0,159,227)
```
#00adf7
```
#00adf7 rgb(0,173,247)
```

Shade Color Variation

#0cb6ff
```
#0cb6ff rgb(12,182,255)
```
#1fbcff
```
#1fbcff rgb(31,188,255)
```
#33c2ff
```
#33c2ff rgb(51,194,255)
```
#46c8ff
```
#46c8ff rgb(70,200,255)
```
#5aceff
```
#5aceff rgb(90,206,255)
```
#6ed3ff
```
#6ed3ff rgb(110,211,255)
```
#81d9ff
```
#81d9ff rgb(129,217,255)
```
#95dfff
```
#95dfff rgb(149,223,255)
```
#a8e5ff
```
#a8e5ff rgb(168,229,255)
```
#bcebff
```
#bcebff rgb(188,235,255)
```
#d0f1ff
```
#d0f1ff rgb(208,241,255)
```
#e3f7ff
```
#e3f7ff rgb(227,247,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2a2e30 is the less saturated color, while #003f5a is the most saturated one.

#2a2e30
```
#2a2e30 rgb(42,46,48)
```
#263034
```
#263034 rgb(38,48,52)
```
#233137
```
#233137 rgb(35,49,55)
```
#1f333b
```
#1f333b rgb(31,51,59)
```
#1c343e
```
#1c343e rgb(28,52,62)
```
#183542
```
#183542 rgb(24,53,66)
```
#153745
```
#153745 rgb(21,55,69)
```
#113849
```
#113849 rgb(17,56,73)
```
#0e394c
```
#0e394c rgb(14,57,76)
```
#0a3b50
```
#0a3b50 rgb(10,59,80)
```
#073c53
```
#073c53 rgb(7,60,83)
```
#033e57
```
#033e57 rgb(3,62,87)
```
#003f5a
```
#003f5a rgb(0,63,90)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#263238 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b435e Protanopia 1% of men
#344464 Deuteranopia 1% of men
#004b50 Tritanopia 0.001% of the population

Trichromacy

#25425d Protanomaly 1% of men, 0.01% of women
#214260 Deuteranomaly 6% of men, 0.4% of women
#004653 Tritanomaly 0.01% of the population

#003f5a hex color

#003f5a Color Information

#003f5a Color Conversion

Color Schemes with #003f5a

Alternatives to #003f5a

#003f5a Preview

Shades and Tints of #003f5a

Tones of #003f5a

Color Blindness Simulator