#200caf hex color

In a RGB color space, hex #200caf is composed of 12.5% red, 4.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 93.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 247.4 degrees, a saturation of 87.2% and a lightness of 36.7%. #200caf color hex could be obtained by blending #4018ff with #00005f. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 5
- B 69
RGB color chart
- C 82
- M 93
- Y 0
- K 31
CMYK color chart

● #200caf color description : Dark blue.

The hexadecimal color #200caf has RGB values of R:32, G:12, B:175 and CMYK values of C:0.82, M:0.93, Y:0, K:0.31. Its decimal value is 2100399.

Hex triplet	200caf	`#200caf`
RGB Decimal	32, 12, 175	`rgb(32,12,175)`
RGB Percent	12.5, 4.7, 68.6	`rgb(12.5%,4.7%,68.6%)`
CMYK	82, 93, 0, 31
HSL	247.4°, 87.2, 36.7	`hsl(247.4,87.2%,36.7%)`
HSV (or HSB)	247.4°, 93.1, 68.6
Web Safe	330099	`#330099`

CIE-LAB	22.53, 57.197, -77.776
XYZ	8.463, 3.665, 40.816
xyY	0.16, 0.069, 3.665
CIE-LCH	22.53, 96.543, 306.331
CIE-LUV	22.53, -4.602, -85.203
Hunter-Lab	19.143, 45.417, -113.016
Binary	00100000, 00001100, 10101111

#200caf
```
#200caf rgb(32,12,175)
```
#9baf0c
```
#9baf0c rgb(155,175,12)
```

Complementary Color

#0c49af
```
#0c49af rgb(12,73,175)
```
#200caf
```
#200caf rgb(32,12,175)
```
#720caf
```
#720caf rgb(114,12,175)
```

Analogous Color

#49af0c
```
#49af0c rgb(73,175,12)
```
#200caf
```
#200caf rgb(32,12,175)
```
#af720c
```
#af720c rgb(175,114,12)
```

Split Complementary Color

#0caf20
```
#0caf20 rgb(12,175,32)
```
#200caf
```
#200caf rgb(32,12,175)
```
#af200c
```
#af200c rgb(175,32,12)
```

Triadic Color

#0c9baf
```
#0c9baf rgb(12,155,175)
```
#200caf
```
#200caf rgb(32,12,175)
```
#af200c
```
#af200c rgb(175,32,12)
```
#9baf0c
```
#9baf0c rgb(155,175,12)
```

Tetradic Color

#130767
```
#130767 rgb(19,7,103)
```
#17097f
```
#17097f rgb(23,9,127)
```
#1c0a97
```
#1c0a97 rgb(28,10,151)
```
#200caf
```
#200caf rgb(32,12,175)
```
#240ec7
```
#240ec7 rgb(36,14,199)
```
#290fdf
```
#290fdf rgb(41,15,223)
```
#3318ef
```
#3318ef rgb(51,24,239)
```

Monochromatic Color

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

#0c21af
```
#0c21af rgb(12,33,175)
```
#0c13af
```
#0c13af rgb(12,19,175)
```
#120caf
```
#120caf rgb(18,12,175)
```
#200caf
```
#200caf rgb(32,12,175)
```
#2e0caf
```
#2e0caf rgb(46,12,175)
```
#3b0caf
```
#3b0caf rgb(59,12,175)
```
#490caf
```
#490caf rgb(73,12,175)
```

Similar Colors

Text with hexadecimal color #200caf

This text has a font color of #200caf.

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

#200caf background color

This paragraph has a background color of #200caf.

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

#200caf border color

This element has a border color of #200caf.

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

CSS codes

.text {color:#200caf;}

.background {background-color:#200caf;}

.border {border:1px solid #200caf;}

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

#02010a
```
#02010a rgb(2,1,10)
```
#05021c
```
#05021c rgb(5,2,28)
```
#09032f
```
#09032f rgb(9,3,47)
```
#0c0441
```
#0c0441 rgb(12,4,65)
```
#0f0653
```
#0f0653 rgb(15,6,83)
```
#130766
```
#130766 rgb(19,7,102)
```
#160878
```
#160878 rgb(22,8,120)
```
#19098a
```
#19098a rgb(25,9,138)
```
#1d0b9d
```
#1d0b9d rgb(29,11,157)
```
#200caf
```
#200caf rgb(32,12,175)
```
#230dc1
```
#230dc1 rgb(35,13,193)
```
#270fd4
```
#270fd4 rgb(39,15,212)
```
#2a10e6
```
#2a10e6 rgb(42,16,230)
```

Shade Color Variation

#341aef
```
#341aef rgb(52,26,239)
```
#452df1
```
#452df1 rgb(69,45,241)
```
#553ff2
```
#553ff2 rgb(85,63,242)
```
#6551f3
```
#6551f3 rgb(101,81,243)
```
#7564f4
```
#7564f4 rgb(117,100,244)
```
#8676f6
```
#8676f6 rgb(134,118,246)
```
#9688f7
```
#9688f7 rgb(150,136,247)
```
#a69bf8
```
#a69bf8 rgb(166,155,248)
```
#b6adf9
```
#b6adf9 rgb(182,173,249)
```
#c7bffb
```
#c7bffb rgb(199,191,251)
```
#d7d2fc
```
#d7d2fc rgb(215,210,252)
```
#e7e4fd
```
#e7e4fd rgb(231,228,253)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

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

#5c5b60
```
#5c5b60 rgb(92,91,96)
```
#565467
```
#565467 rgb(86,84,103)
```
#514d6e
```
#514d6e rgb(81,77,110)
```
#4b4675
```
#4b4675 rgb(75,70,117)
```
#463e7d
```
#463e7d rgb(70,62,125)
```
#413784
```
#413784 rgb(65,55,132)
```
#3b308b
```
#3b308b rgb(59,48,139)
```
#362992
```
#362992 rgb(54,41,146)
```
#302299
```
#302299 rgb(48,34,153)
```
#2b1aa1
```
#2b1aa1 rgb(43,26,161)
```
#2513a8
```
#2513a8 rgb(37,19,168)
```
#200caf
```
#200caf rgb(32,12,175)
```
#1b05b6
```
#1b05b6 rgb(27,5,182)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#242041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#004268 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#0b2c8c Protanomaly 1% of men, 0.01% of women
#0b2e82 Deuteranomaly 6% of men, 0.4% of women
#0b316e Tritanomaly 0.01% of the population

#200caf hex color

#200caf Color Information

#200caf Color Conversion

Color Schemes with #200caf

Alternatives to #200caf

#200caf Preview

Shades and Tints of #200caf

Tones of #200caf

Color Blindness Simulator