#023ac2 hex color

In a RGB color space, hex #023ac2 is composed of 0.8% red, 22.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 70.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 222.5 degrees, a saturation of 98% and a lightness of 38.4%. #023ac2 color hex could be obtained by blending #0474ff with #000085. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 23
- B 76
RGB color chart
- C 99
- M 70
- Y 0
- K 24
CMYK color chart

● #023ac2 color description : Strong blue.

The hexadecimal color #023ac2 has RGB values of R:2, G:58, B:194 and CMYK values of C:0.99, M:0.7, Y:0, K:0.24. Its decimal value is 146114.

Hex triplet	023ac2	`#023ac2`
RGB Decimal	2, 58, 194	`rgb(2,58,194)`
RGB Percent	0.8, 22.7, 76.1	`rgb(0.8%,22.7%,76.1%)`
CMYK	99, 70, 0, 24
HSL	222.5°, 98, 38.4	`hsl(222.5,98%,38.4%)`
HSV (or HSB)	222.5°, 99, 76.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.654, 40.261, -73.948
XYZ	11.274, 6.933, 51.78
xyY	0.161, 0.099, 6.933
CIE-LCH	31.654, 84.197, 298.566
CIE-LUV	31.654, -12.839, -97.837
Hunter-Lab	26.331, 30.347, -98.163
Binary	00000010, 00111010, 11000010

#023ac2
```
#023ac2 rgb(2,58,194)
```
#c28a02
```
#c28a02 rgb(194,138,2)
```

Complementary Color

#029ac2
```
#029ac2 rgb(2,154,194)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#2a02c2
```
#2a02c2 rgb(42,2,194)
```

Analogous Color

#9ac202
```
#9ac202 rgb(154,194,2)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#c22a02
```
#c22a02 rgb(194,42,2)
```

Split Complementary Color

#3ac202
```
#3ac202 rgb(58,194,2)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#c2023a
```
#c2023a rgb(194,2,58)
```

Triadic Color

#02c28a
```
#02c28a rgb(2,194,138)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#c2023a
```
#c2023a rgb(194,2,58)
```
#c28a02
```
#c28a02 rgb(194,138,2)
```

Tetradic Color

#012376
```
#012376 rgb(1,35,118)
```
#012b90
```
#012b90 rgb(1,43,144)
```
#0232a9
```
#0232a9 rgb(2,50,169)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#0242db
```
#0242db rgb(2,66,219)
```
#0349f4
```
#0349f4 rgb(3,73,244)
```
#1458fd
```
#1458fd rgb(20,88,253)
```

Monochromatic Color

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

#026ac2
```
#026ac2 rgb(2,106,194)
```
#025ac2
```
#025ac2 rgb(2,90,194)
```
#024ac2
```
#024ac2 rgb(2,74,194)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#022ac2
```
#022ac2 rgb(2,42,194)
```
#021ac2
```
#021ac2 rgb(2,26,194)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```

Similar Colors

Text with hexadecimal color #023ac2

This text has a font color of #023ac2.

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

#023ac2 background color

This paragraph has a background color of #023ac2.

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

#023ac2 border color

This element has a border color of #023ac2.

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

CSS codes

.text {color:#023ac2;}

.background {background-color:#023ac2;}

.border {border:1px solid #023ac2;}

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

#000613
```
#000613 rgb(0,6,19)
```
#000c27
```
#000c27 rgb(0,12,39)
```
#01113a
```
#01113a rgb(1,17,58)
```
#01174e
```
#01174e rgb(1,23,78)
```
#011d61
```
#011d61 rgb(1,29,97)
```
#012374
```
#012374 rgb(1,35,116)
```
#012988
```
#012988 rgb(1,41,136)
```
#022e9b
```
#022e9b rgb(2,46,155)
```
#0234af
```
#0234af rgb(2,52,175)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```
#0240d5
```
#0240d5 rgb(2,64,213)
```
#0246e9
```
#0246e9 rgb(2,70,233)
```
#034bfc
```
#034bfc rgb(3,75,252)
```

Shade Color Variation

#1659fd
```
#1659fd rgb(22,89,253)
```
#2967fd
```
#2967fd rgb(41,103,253)
```
#3d75fd
```
#3d75fd rgb(61,117,253)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#6490fd
```
#6490fd rgb(100,144,253)
```
#779efe
```
#779efe rgb(119,158,254)
```
#8aacfe
```
#8aacfe rgb(138,172,254)
```
#9ebafe
```
#9ebafe rgb(158,186,254)
```
#b1c8fe
```
#b1c8fe rgb(177,200,254)
```
#c5d5fe
```
#c5d5fe rgb(197,213,254)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ebf1ff
```
#ebf1ff rgb(235,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c6068
```
#5c6068 rgb(92,96,104)
```
#555d6f
```
#555d6f rgb(85,93,111)
```
#4d5977
```
#4d5977 rgb(77,89,119)
```
#46567e
```
#46567e rgb(70,86,126)
```
#3e5386
```
#3e5386 rgb(62,83,134)
```
#37508d
```
#37508d rgb(55,80,141)
```
#2f4d95
```
#2f4d95 rgb(47,77,149)
```
#284a9c
```
#284a9c rgb(40,74,156)
```
#2047a4
```
#2047a4 rgb(32,71,164)
```
#1943ab
```
#1943ab rgb(25,67,171)
```
#1140b3
```
#1140b3 rgb(17,64,179)
```
#0a3dba
```
#0a3dba rgb(10,61,186)
```
#023ac2
```
#023ac2 rgb(2,58,194)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#2e3954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0048ab Protanomaly 1% of men, 0.01% of women
#004b9d Deuteranomaly 6% of men, 0.4% of women
#004f83 Tritanomaly 0.01% of the population

#023ac2 hex color

#023ac2 Color Information

#023ac2 Color Conversion

Color Schemes with #023ac2

Alternatives to #023ac2

#023ac2 Preview

Shades and Tints of #023ac2

Tones of #023ac2

Color Blindness Simulator