#023f96 hex color

In a RGB color space, hex #023f96 is composed of 0.8% red, 24.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 58% magenta, 0% yellow and 41.2% black. It has a hue angle of 215.3 degrees, a saturation of 97.4% and a lightness of 29.8%. #023f96 color hex could be obtained by blending #047eff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 25
- B 59
RGB color chart
- C 99
- M 58
- Y 0
- K 41
CMYK color chart

● #023f96 color description : Dark blue.

The hexadecimal color #023f96 has RGB values of R:2, G:63, B:150 and CMYK values of C:0.99, M:0.58, Y:0, K:0.41. Its decimal value is 147350.

Hex triplet	023f96	`#023f96`
RGB Decimal	2, 63, 150	`rgb(2,63,150)`
RGB Percent	0.8, 24.7, 58.8	`rgb(0.8%,24.7%,58.8%)`
CMYK	99, 58, 0, 41
HSL	215.3°, 97.4, 29.8	`hsl(215.3,97.4%,29.8%)`
HSV (or HSB)	215.3°, 98.7, 58.8
Web Safe	003399	`#003399`

CIE-LAB	28.823, 19.396, -52.252
XYZ	7.306, 5.769, 29.581
xyY	0.171, 0.135, 5.769
CIE-LCH	28.823, 55.736, 290.364
CIE-LUV	28.823, -14.155, -68.93
Hunter-Lab	24.019, 12.263, -56.205
Binary	00000010, 00111111, 10010110

#023f96
```
#023f96 rgb(2,63,150)
```
#965902
```
#965902 rgb(150,89,2)
```

Complementary Color

#028996
```
#028996 rgb(2,137,150)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#0f0296
```
#0f0296 rgb(15,2,150)
```

Analogous Color

#899602
```
#899602 rgb(137,150,2)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#960f02
```
#960f02 rgb(150,15,2)
```

Split Complementary Color

#3f9602
```
#3f9602 rgb(63,150,2)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#96023f
```
#96023f rgb(150,2,63)
```

Triadic Color

#029659
```
#029659 rgb(2,150,89)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#96023f
```
#96023f rgb(150,2,63)
```
#965902
```
#965902 rgb(150,89,2)
```

Tetradic Color

#011f4b
```
#011f4b rgb(1,31,75)
```
#012a64
```
#012a64 rgb(1,42,100)
```
#02347d
```
#02347d rgb(2,52,125)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#024aaf
```
#024aaf rgb(2,74,175)
```
#0354c8
```
#0354c8 rgb(3,84,200)
```
#035fe1
```
#035fe1 rgb(3,95,225)
```

Monochromatic Color

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

#026496
```
#026496 rgb(2,100,150)
```
#025896
```
#025896 rgb(2,88,150)
```
#024b96
```
#024b96 rgb(2,75,150)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#023396
```
#023396 rgb(2,51,150)
```
#022696
```
#022696 rgb(2,38,150)
```
#021a96
```
#021a96 rgb(2,26,150)
```

Similar Colors

Text with hexadecimal color #023f96

This text has a font color of #023f96.

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

#023f96 background color

This paragraph has a background color of #023f96.

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

#023f96 border color

This element has a border color of #023f96.

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

CSS codes

.text {color:#023f96;}

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

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

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, #00060e is the darkest color, while #fafcff is the lightest one.

#00060e
```
#00060e rgb(0,6,14)
```
#000e22
```
#000e22 rgb(0,14,34)
```
#011635
```
#011635 rgb(1,22,53)
```
#011e49
```
#011e49 rgb(1,30,73)
```
#01275c
```
#01275c rgb(1,39,92)
```
#012f6f
```
#012f6f rgb(1,47,111)
```
#023783
```
#023783 rgb(2,55,131)
```
#023f96
```
#023f96 rgb(2,63,150)
```
#0247a9
```
#0247a9 rgb(2,71,169)
```
#034fbd
```
#034fbd rgb(3,79,189)
```
#0357d0
```
#0357d0 rgb(3,87,208)
```
#0360e3
```
#0360e3 rgb(3,96,227)
```
#0368f7
```
#0368f7 rgb(3,104,247)
```

Shade Color Variation

#1272fc
```
#1272fc rgb(18,114,252)
```
#257efc
```
#257efc rgb(37,126,252)
```
#3989fc
```
#3989fc rgb(57,137,252)
```
#4c95fd
```
#4c95fd rgb(76,149,253)
```
#5fa0fd
```
#5fa0fd rgb(95,160,253)
```
#73acfd
```
#73acfd rgb(115,172,253)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#99c3fe
```
#99c3fe rgb(153,195,254)
```
#adcefe
```
#adcefe rgb(173,206,254)
```
#c0dafe
```
#c0dafe rgb(192,218,254)
```
#d3e5fe
```
#d3e5fe rgb(211,229,254)
```
#e7f1ff
```
#e7f1ff rgb(231,241,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#484b50
```
#484b50 rgb(72,75,80)
```
#424a56
```
#424a56 rgb(66,74,86)
```
#3c495c
```
#3c495c rgb(60,73,92)
```
#374861
```
#374861 rgb(55,72,97)
```
#314767
```
#314767 rgb(49,71,103)
```
#2b466d
```
#2b466d rgb(43,70,109)
```
#254573
```
#254573 rgb(37,69,115)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#19437f
```
#19437f rgb(25,67,127)
```
#144284
```
#144284 rgb(20,66,132)
```
#0e418a
```
#0e418a rgb(14,65,138)
```
#084090
```
#084090 rgb(8,64,144)
```
#023f96
```
#023f96 rgb(2,63,150)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2c394a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f80 Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#004694 Protanomaly 1% of men, 0.01% of women
#004988 Deuteranomaly 6% of men, 0.4% of women
#004d6f Tritanomaly 0.01% of the population

#023f96 hex color

#023f96 Color Information

#023f96 Color Conversion

Color Schemes with #023f96

Alternatives to #023f96

#023f96 Preview

Shades and Tints of #023f96

Tones of #023f96

Color Blindness Simulator