#021caf hex color

In a RGB color space, hex #021caf is composed of 0.8% red, 11% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 84% magenta, 0% yellow and 31.4% black. It has a hue angle of 231 degrees, a saturation of 97.7% and a lightness of 34.7%. #021caf color hex could be obtained by blending #0438ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 11
- B 69
RGB color chart
- C 99
- M 84
- Y 0
- K 31
CMYK color chart

● #021caf color description : Dark blue.

The hexadecimal color #021caf has RGB values of R:2, G:28, B:175 and CMYK values of C:0.99, M:0.84, Y:0, K:0.31. Its decimal value is 138415.

Hex triplet	021caf	`#021caf`
RGB Decimal	2, 28, 175	`rgb(2,28,175)`
RGB Percent	0.8, 11, 68.6	`rgb(0.8%,11%,68.6%)`
CMYK	99, 84, 0, 31
HSL	231°, 97.7, 34.7	`hsl(231,97.7%,34.7%)`
HSV (or HSB)	231°, 98.9, 68.6
Web Safe	003399	`#003399`

CIE-LAB	23.465, 50.615, -76.244
XYZ	8.177, 3.938, 40.884
xyY	0.154, 0.074, 3.938
CIE-LCH	23.465, 91.515, 303.578
CIE-LUV	23.465, -7.812, -85.933
Hunter-Lab	19.844, 38.822, -108.262
Binary	00000010, 00011100, 10101111

#021caf
```
#021caf rgb(2,28,175)
```
#af9502
```
#af9502 rgb(175,149,2)
```

Complementary Color

#0273af
```
#0273af rgb(2,115,175)
```
#021caf
```
#021caf rgb(2,28,175)
```
#3f02af
```
#3f02af rgb(63,2,175)
```

Analogous Color

#73af02
```
#73af02 rgb(115,175,2)
```
#021caf
```
#021caf rgb(2,28,175)
```
#af3f02
```
#af3f02 rgb(175,63,2)
```

Split Complementary Color

#1caf02
```
#1caf02 rgb(28,175,2)
```
#021caf
```
#021caf rgb(2,28,175)
```
#af021c
```
#af021c rgb(175,2,28)
```

Triadic Color

#02af95
```
#02af95 rgb(2,175,149)
```
#021caf
```
#021caf rgb(2,28,175)
```
#af021c
```
#af021c rgb(175,2,28)
```
#af9502
```
#af9502 rgb(175,149,2)
```

Tetradic Color

#011063
```
#011063 rgb(1,16,99)
```
#01147d
```
#01147d rgb(1,20,125)
```
#021896
```
#021896 rgb(2,24,150)
```
#021caf
```
#021caf rgb(2,28,175)
```
#0220c8
```
#0220c8 rgb(2,32,200)
```
#0324e1
```
#0324e1 rgb(3,36,225)
```
#0328fb
```
#0328fb rgb(3,40,251)
```

Monochromatic Color

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

#0247af
```
#0247af rgb(2,71,175)
```
#0239af
```
#0239af rgb(2,57,175)
```
#022aaf
```
#022aaf rgb(2,42,175)
```
#021caf
```
#021caf rgb(2,28,175)
```
#020eaf
```
#020eaf rgb(2,14,175)
```
#0502af
```
#0502af rgb(5,2,175)
```
#1302af
```
#1302af rgb(19,2,175)
```

Similar Colors

Text with hexadecimal color #021caf

This text has a font color of #021caf.

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

#021caf background color

This paragraph has a background color of #021caf.

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

#021caf border color

This element has a border color of #021caf.

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

CSS codes

.text {color:#021caf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000314
```
#000314 rgb(0,3,20)
```
#000627
```
#000627 rgb(0,6,39)
```
#01093b
```
#01093b rgb(1,9,59)
```
#010c4e
```
#010c4e rgb(1,12,78)
```
#011061
```
#011061 rgb(1,16,97)
```
#011375
```
#011375 rgb(1,19,117)
```
#021688
```
#021688 rgb(2,22,136)
```
#02199c
```
#02199c rgb(2,25,156)
```
#021caf
```
#021caf rgb(2,28,175)
```
#021fc2
```
#021fc2 rgb(2,31,194)
```
#0222d6
```
#0222d6 rgb(2,34,214)
```
#0325e9
```
#0325e9 rgb(3,37,233)
```

Shade Color Variation

#0329fc
```
#0329fc rgb(3,41,252)
```
#1739fc
```
#1739fc rgb(23,57,252)
```
#2a4afd
```
#2a4afd rgb(42,74,253)
```
#3e5afd
```
#3e5afd rgb(62,90,253)
```
#516bfd
```
#516bfd rgb(81,107,253)
```
#647bfd
```
#647bfd rgb(100,123,253)
```
#788cfd
```
#788cfd rgb(120,140,253)
```
#8b9cfe
```
#8b9cfe rgb(139,156,254)
```
#9eadfe
```
#9eadfe rgb(158,173,254)
```
#b2bdfe
```
#b2bdfe rgb(178,189,254)
```
#c5cefe
```
#c5cefe rgb(197,206,254)
```
#d9deff
```
#d9deff rgb(217,222,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54555d is the less saturated color, while #021caf is the most saturated one.

#54555d
```
#54555d rgb(84,85,93)
```
#4d5064
```
#4d5064 rgb(77,80,100)
```
#464c6b
```
#464c6b rgb(70,76,107)
```
#3f4772
```
#3f4772 rgb(63,71,114)
```
#384279
```
#384279 rgb(56,66,121)
```
#323d7f
```
#323d7f rgb(50,61,127)
```
#2b3986
```
#2b3986 rgb(43,57,134)
```
#24348d
```
#24348d rgb(36,52,141)
```
#1d2f94
```
#1d2f94 rgb(29,47,148)
```
#162a9b
```
#162a9b rgb(22,42,155)
```
#1026a1
```
#1026a1 rgb(16,38,161)
```
#0921a8
```
#0921a8 rgb(9,33,168)
```
#021caf
```
#021caf rgb(2,28,175)
```

Tone Color Variation

Below, you can see how #021caf 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
#1e2341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00446b Deuteranopia 1% of men
#00484b Tritanopia 0.001% of the population

Trichromacy

#00338f Protanomaly 1% of men, 0.01% of women
#003584 Deuteranomaly 6% of men, 0.4% of women
#00386f Tritanomaly 0.01% of the population

#021caf hex color

#021caf Color Information

#021caf Color Conversion

Color Schemes with #021caf

Alternatives to #021caf

#021caf Preview

Shades and Tints of #021caf

Tones of #021caf

Color Blindness Simulator