#12202f hex color

In a RGB color space, hex #12202f is composed of 7.1% red, 12.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 31.9% magenta, 0% yellow and 81.6% black. It has a hue angle of 211 degrees, a saturation of 44.6% and a lightness of 12.7%. #12202f color hex could be obtained by blending #24405e with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 7
- G 13
- B 18
RGB color chart
- C 62
- M 32
- Y 0
- K 82
CMYK color chart

● #12202f color description : Very dark (mostly black) blue.

The hexadecimal color #12202f has RGB values of R:18, G:32, B:47 and CMYK values of C:0.62, M:0.32, Y:0, K:0.82. Its decimal value is 1187887.

Hex triplet	12202f	`#12202f`
RGB Decimal	18, 32, 47	`rgb(18,32,47)`
RGB Percent	7.1, 12.5, 18.4	`rgb(7.1%,12.5%,18.4%)`
CMYK	62, 32, 0, 82
HSL	211°, 44.6, 12.7	`hsl(211,44.6%,12.7%)`
HSV (or HSB)	211°, 61.7, 18.4
Web Safe	003333	`#003333`

CIE-LAB	11.735, -0.621, -11.81
XYZ	1.279, 1.367, 2.886
xyY	0.231, 0.247, 1.367
CIE-LCH	11.735, 11.826, 266.988
CIE-LUV	11.735, -4.541, -9.793
Hunter-Lab	11.691, -0.932, -6.45
Binary	00010010, 00100000, 00101111

#12202f
```
#12202f rgb(18,32,47)
```
#2f2112
```
#2f2112 rgb(47,33,18)
```

Complementary Color

#122f2f
```
#122f2f rgb(18,47,47)
```
#12202f
```
#12202f rgb(18,32,47)
```
#13122f
```
#13122f rgb(19,18,47)
```

Analogous Color

#2f2f12
```
#2f2f12 rgb(47,47,18)
```
#12202f
```
#12202f rgb(18,32,47)
```
#2f1312
```
#2f1312 rgb(47,19,18)
```

Split Complementary Color

#202f12
```
#202f12 rgb(32,47,18)
```
#12202f
```
#12202f rgb(18,32,47)
```
#2f1220
```
#2f1220 rgb(47,18,32)
```

Triadic Color

#122f21
```
#122f21 rgb(18,47,33)
```
#12202f
```
#12202f rgb(18,32,47)
```
#2f1220
```
#2f1220 rgb(47,18,32)
```
#2f2112
```
#2f2112 rgb(47,33,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#04070a
```
#04070a rgb(4,7,10)
```
#0b131d
```
#0b131d rgb(11,19,29)
```
#12202f
```
#12202f rgb(18,32,47)
```
#192d41
```
#192d41 rgb(25,45,65)
```
#203954
```
#203954 rgb(32,57,84)
```
#274666
```
#274666 rgb(39,70,102)
```

Monochromatic Color

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

#12272f
```
#12272f rgb(18,39,47)
```
#12252f
```
#12252f rgb(18,37,47)
```
#12222f
```
#12222f rgb(18,34,47)
```
#12202f
```
#12202f rgb(18,32,47)
```
#121e2f
```
#121e2f rgb(18,30,47)
```
#121b2f
```
#121b2f rgb(18,27,47)
```
#12192f
```
#12192f rgb(18,25,47)
```

Similar Colors

Text with hexadecimal color #12202f

This text has a font color of #12202f.

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

#12202f background color

This paragraph has a background color of #12202f.

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

#12202f border color

This element has a border color of #12202f.

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

CSS codes

.text {color:#12202f;}

.background {background-color:#12202f;}

.border {border:1px solid #12202f;}

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, #020304 is the darkest color, while #f5f8fb is the lightest one.

#020304
```
#020304 rgb(2,3,4)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0d1621
```
#0d1621 rgb(13,22,33)
```
#12202f
```
#12202f rgb(18,32,47)
```
#172a3d
```
#172a3d rgb(23,42,61)
```
#1d334b
```
#1d334b rgb(29,51,75)
```
#223d5a
```
#223d5a rgb(34,61,90)
```
#284768
```
#284768 rgb(40,71,104)
```
#2d5076
```
#2d5076 rgb(45,80,118)
```
#335a84
```
#335a84 rgb(51,90,132)
```
#386492
```
#386492 rgb(56,100,146)
```
#3d6da0
```
#3d6da0 rgb(61,109,160)
```
#4377af
```
#4377af rgb(67,119,175)
```

Shade Color Variation

#4b81ba
```
#4b81ba rgb(75,129,186)
```
#598bc0
```
#598bc0 rgb(89,139,192)
```
#6795c5
```
#6795c5 rgb(103,149,197)
```
#769fca
```
#769fca rgb(118,159,202)
```
#84a8d0
```
#84a8d0 rgb(132,168,208)
```
#92b2d5
```
#92b2d5 rgb(146,178,213)
```
#a0bcdb
```
#a0bcdb rgb(160,188,219)
```
#aec6e0
```
#aec6e0 rgb(174,198,224)
```
#bdd0e6
```
#bdd0e6 rgb(189,208,230)
```
#cbdaeb
```
#cbdaeb rgb(203,218,235)
```
#d9e4f0
```
#d9e4f0 rgb(217,228,240)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #1f2023 is the less saturated color, while #001f41 is the most saturated one.

#1f2023
```
#1f2023 rgb(31,32,35)
```
#1c2025
```
#1c2025 rgb(28,32,37)
```
#1a2028
```
#1a2028 rgb(26,32,40)
```
#17202a
```
#17202a rgb(23,32,42)
```
#15202d
```
#15202d rgb(21,32,45)
```
#12202f
```
#12202f rgb(18,32,47)
```
#102032
```
#102032 rgb(16,32,50)
```
#0d2034
```
#0d2034 rgb(13,32,52)
```
#0b2037
```
#0b2037 rgb(11,32,55)
```
#082039
```
#082039 rgb(8,32,57)
```
#05203c
```
#05203c rgb(5,32,60)
```
#031f3e
```
#031f3e rgb(3,31,62)
```
#001f41
```
#001f41 rgb(0,31,65)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#1c1e21 Atypical Achromatopsia 0.001% of the population

Dichromacy

#262a38 Protanopia 1% of men
#242a3a Deuteranopia 1% of men
#1a2d30 Tritanopia 0.001% of the population

Trichromacy

#1e2635 Protanomaly 1% of men, 0.01% of women
#1d2636 Deuteranomaly 6% of men, 0.4% of women
#172830 Tritanomaly 0.01% of the population

#12202f hex color

#12202f Color Information

#12202f Color Conversion

Color Schemes with #12202f

Alternatives to #12202f

#12202f Preview

Shades and Tints of #12202f

Tones of #12202f

Color Blindness Simulator