#003312 hex color

In a RGB color space, hex #003312 is composed of 0% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 64.7% yellow and 80% black. It has a hue angle of 141.2 degrees, a saturation of 100% and a lightness of 10%. #003312 color hex could be obtained by blending #006624 with #000000. Closest websafe color is: #003300.

♥
- f
- t
- g
- R 0
- G 20
- B 7
RGB color chart
- C 100
- M 0
- Y 65
- K 80
CMYK color chart

● #003312 color description : Very dark cyan - lime green.

The hexadecimal color #003312 has RGB values of R:0, G:51, B:18 and CMYK values of C:1, M:0, Y:0.65, K:0.8. Its decimal value is 13074.

Hex triplet	003312	`#003312`
RGB Decimal	0, 51, 18	`rgb(0,51,18)`
RGB Percent	0, 20, 7.1	`rgb(0%,20%,7.1%)`
CMYK	100, 0, 65, 80
HSL	141.2°, 100, 10	`hsl(141.2,100%,10%)`
HSV (or HSB)	141.2°, 100, 20
Web Safe	003300	`#003300`

CIE-LAB	17.512, -25.092, 16.326
XYZ	1.293, 2.411, 0.969
xyY	0.277, 0.516, 2.411
CIE-LCH	17.512, 29.936, 146.949
CIE-LUV	17.512, -15.875, 15.758
Hunter-Lab	15.528, -12.311, 7.168
Binary	00000000, 00110011, 00010010

#003312
```
#003312 rgb(0,51,18)
```
#330021
```
#330021 rgb(51,0,33)
```

Complementary Color

#083300
```
#083300 rgb(8,51,0)
```
#003312
```
#003312 rgb(0,51,18)
```
#00332c
```
#00332c rgb(0,51,44)
```

Analogous Color

#330008
```
#330008 rgb(51,0,8)
```
#003312
```
#003312 rgb(0,51,18)
```
#2c0033
```
#2c0033 rgb(44,0,51)
```

Split Complementary Color

#331200
```
#331200 rgb(51,18,0)
```
#003312
```
#003312 rgb(0,51,18)
```
#120033
```
#120033 rgb(18,0,51)
```

Triadic Color

#213300
```
#213300 rgb(33,51,0)
```
#003312
```
#003312 rgb(0,51,18)
```
#120033
```
#120033 rgb(18,0,51)
```
#330021
```
#330021 rgb(51,0,33)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#001a09
```
#001a09 rgb(0,26,9)
```
#003312
```
#003312 rgb(0,51,18)
```
#004d1b
```
#004d1b rgb(0,77,27)
```
#006624
```
#006624 rgb(0,102,36)
```
#00802d
```
#00802d rgb(0,128,45)
```

Monochromatic Color

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

#003305
```
#003305 rgb(0,51,5)
```
#003309
```
#003309 rgb(0,51,9)
```
#00330e
```
#00330e rgb(0,51,14)
```
#003312
```
#003312 rgb(0,51,18)
```
#003316
```
#003316 rgb(0,51,22)
```
#00331b
```
#00331b rgb(0,51,27)
```
#00331f
```
#00331f rgb(0,51,31)
```

Similar Colors

Text with hexadecimal color #003312

This text has a font color of #003312.

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

#003312 background color

This paragraph has a background color of #003312.

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

#003312 border color

This element has a border color of #003312.

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

CSS codes

.text {color:#003312;}

.background {background-color:#003312;}

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

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, #000c04 is the darkest color, while #f7fffa is the lightest one.

#000c04
```
#000c04 rgb(0,12,4)
```
#001f0b
```
#001f0b rgb(0,31,11)
```
#003312
```
#003312 rgb(0,51,18)
```
#004719
```
#004719 rgb(0,71,25)
```
#005a20
```
#005a20 rgb(0,90,32)
```
#006e27
```
#006e27 rgb(0,110,39)
```
#00812e
```
#00812e rgb(0,129,46)
```
#009535
```
#009535 rgb(0,149,53)
```
#00a93c
```
#00a93c rgb(0,169,60)
```
#00bc42
```
#00bc42 rgb(0,188,66)
```
#00d049
```
#00d049 rgb(0,208,73)
```
#00e450
```
#00e450 rgb(0,228,80)
```
#00f757
```
#00f757 rgb(0,247,87)
```

Shade Color Variation

#0cff62
```
#0cff62 rgb(12,255,98)
```
#1fff6e
```
#1fff6e rgb(31,255,110)
```
#33ff7b
```
#33ff7b rgb(51,255,123)
```
#47ff88
```
#47ff88 rgb(71,255,136)
```
#5aff94
```
#5aff94 rgb(90,255,148)
```
#6effa1
```
#6effa1 rgb(110,255,161)
```
#81ffae
```
#81ffae rgb(129,255,174)
```
#95ffba
```
#95ffba rgb(149,255,186)
```
#a9ffc7
```
#a9ffc7 rgb(169,255,199)
```
#bcffd4
```
#bcffd4 rgb(188,255,212)
```
#d0ffe1
```
#d0ffe1 rgb(208,255,225)
```
#e4ffed
```
#e4ffed rgb(228,255,237)
```
#f7fffa
```
#f7fffa rgb(247,255,250)
```

Tint Color Variation

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

#181b19
```
#181b19 rgb(24,27,25)
```
#161d18
```
#161d18 rgb(22,29,24)
```
#141f18
```
#141f18 rgb(20,31,24)
```
#122117
```
#122117 rgb(18,33,23)
```
#102317
```
#102317 rgb(16,35,23)
```
#0e2516
```
#0e2516 rgb(14,37,22)
```
#0c2715
```
#0c2715 rgb(12,39,21)
```
#0a2915
```
#0a2915 rgb(10,41,21)
```
#082b14
```
#082b14 rgb(8,43,20)
```
#062d14
```
#062d14 rgb(6,45,20)
```
#042f13
```
#042f13 rgb(4,47,19)
```
#023113
```
#023113 rgb(2,49,19)
```
#003312
```
#003312 rgb(0,51,18)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a241d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b361b Protanopia 1% of men
#403322 Deuteranopia 1% of men
#1b3a3e Tritanopia 0.001% of the population

Trichromacy

#253418 Protanomaly 1% of men, 0.01% of women
#29331c Deuteranomaly 6% of men, 0.4% of women
#11372e Tritanomaly 0.01% of the population

#003312 hex color

#003312 Color Information

#003312 Color Conversion

Color Schemes with #003312

Alternatives to #003312

#003312 Preview

Shades and Tints of #003312

Tones of #003312

Color Blindness Simulator