#023286 hex color

In a RGB color space, hex #023286 is composed of 0.8% red, 19.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 62.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 218.2 degrees, a saturation of 97.1% and a lightness of 26.7%. #023286 color hex could be obtained by blending #0464ff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 20
- B 53
RGB color chart
- C 99
- M 63
- Y 0
- K 47
CMYK color chart

● #023286 color description : Dark blue.

The hexadecimal color #023286 has RGB values of R:2, G:50, B:134 and CMYK values of C:0.99, M:0.63, Y:0, K:0.47. Its decimal value is 144006.

Hex triplet	023286	`#023286`
RGB Decimal	2, 50, 134	`rgb(2,50,134)`
RGB Percent	0.8, 19.6, 52.5	`rgb(0.8%,19.6%,52.5%)`
CMYK	99, 63, 0, 47
HSL	218.2°, 97.1, 26.7	`hsl(218.2,97.1%,26.7%)`
HSV (or HSB)	218.2°, 98.5, 52.5
Web Safe	003399	`#003399`

CIE-LAB	23.721, 21.807, -50.696
XYZ	5.468, 4.015, 23.04
xyY	0.168, 0.123, 4.015
CIE-LCH	23.721, 55.187, 293.275
CIE-LUV	23.721, -10.979, -61.766
Hunter-Lab	20.037, 13.645, -54.149
Binary	00000010, 00110010, 10000110

#023286
```
#023286 rgb(2,50,134)
```
#865602
```
#865602 rgb(134,86,2)
```

Complementary Color

#027486
```
#027486 rgb(2,116,134)
```
#023286
```
#023286 rgb(2,50,134)
```
#140286
```
#140286 rgb(20,2,134)
```

Analogous Color

#748602
```
#748602 rgb(116,134,2)
```
#023286
```
#023286 rgb(2,50,134)
```
#861402
```
#861402 rgb(134,20,2)
```

Split Complementary Color

#328602
```
#328602 rgb(50,134,2)
```
#023286
```
#023286 rgb(2,50,134)
```
#860232
```
#860232 rgb(134,2,50)
```

Triadic Color

#028656
```
#028656 rgb(2,134,86)
```
#023286
```
#023286 rgb(2,50,134)
```
#860232
```
#860232 rgb(134,2,50)
```
#865602
```
#865602 rgb(134,86,2)
```

Tetradic Color

#01163b
```
#01163b rgb(1,22,59)
```
#011f54
```
#011f54 rgb(1,31,84)
```
#02296d
```
#02296d rgb(2,41,109)
```
#023286
```
#023286 rgb(2,50,134)
```
#023b9f
```
#023b9f rgb(2,59,159)
```
#0345b8
```
#0345b8 rgb(3,69,184)
```
#034ed1
```
#034ed1 rgb(3,78,209)
```

Monochromatic Color

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

#025386
```
#025386 rgb(2,83,134)
```
#024886
```
#024886 rgb(2,72,134)
```
#023d86
```
#023d86 rgb(2,61,134)
```
#023286
```
#023286 rgb(2,50,134)
```
#022786
```
#022786 rgb(2,39,134)
```
#021c86
```
#021c86 rgb(2,28,134)
```
#021186
```
#021186 rgb(2,17,134)
```

Similar Colors

Text with hexadecimal color #023286

This text has a font color of #023286.

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

#023286 background color

This paragraph has a background color of #023286.

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

#023286 border color

This element has a border color of #023286.

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

CSS codes

.text {color:#023286;}

.background {background-color:#023286;}

.border {border:1px solid #023286;}

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

#000712
```
#000712 rgb(0,7,18)
```
#010e25
```
#010e25 rgb(1,14,37)
```
#011539
```
#011539 rgb(1,21,57)
```
#011c4c
```
#011c4c rgb(1,28,76)
```
#01245f
```
#01245f rgb(1,36,95)
```
#022b73
```
#022b73 rgb(2,43,115)
```
#023286
```
#023286 rgb(2,50,134)
```
#023999
```
#023999 rgb(2,57,153)
```
#0340ad
```
#0340ad rgb(3,64,173)
```
#0348c0
```
#0348c0 rgb(3,72,192)
```
#034fd3
```
#034fd3 rgb(3,79,211)
```
#0356e7
```
#0356e7 rgb(3,86,231)
```
#045dfa
```
#045dfa rgb(4,93,250)
```

Shade Color Variation

#1669fc
```
#1669fc rgb(22,105,252)
```
#2976fc
```
#2976fc rgb(41,118,252)
```
#3c82fc
```
#3c82fc rgb(60,130,252)
```
#508ffc
```
#508ffc rgb(80,143,252)
```
#639bfd
```
#639bfd rgb(99,155,253)
```
#76a7fd
```
#76a7fd rgb(118,167,253)
```
#8ab4fd
```
#8ab4fd rgb(138,180,253)
```
#9dc0fe
```
#9dc0fe rgb(157,192,254)
```
#b0cdfe
```
#b0cdfe rgb(176,205,254)
```
#c4d9fe
```
#c4d9fe rgb(196,217,254)
```
#d7e5fe
```
#d7e5fe rgb(215,229,254)
```
#eaf2ff
```
#eaf2ff rgb(234,242,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#414347
```
#414347 rgb(65,67,71)
```
#3c424c
```
#3c424c rgb(60,66,76)
```
#364052
```
#364052 rgb(54,64,82)
```
#313f57
```
#313f57 rgb(49,63,87)
```
#2c3d5c
```
#2c3d5c rgb(44,61,92)
```
#273c61
```
#273c61 rgb(39,60,97)
```
#213b67
```
#213b67 rgb(33,59,103)
```
#1c396c
```
#1c396c rgb(28,57,108)
```
#173871
```
#173871 rgb(23,56,113)
```
#123676
```
#123676 rgb(18,54,118)
```
#0c357c
```
#0c357c rgb(12,53,124)
```
#073381
```
#073381 rgb(7,51,129)
```
#023286
```
#023286 rgb(2,50,134)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#242e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00446e Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#003b81 Protanomaly 1% of men, 0.01% of women
#003d76 Deuteranomaly 6% of men, 0.4% of women
#004061 Tritanomaly 0.01% of the population

#023286 hex color

#023286 Color Information

#023286 Color Conversion

Color Schemes with #023286

Alternatives to #023286

#023286 Preview

Shades and Tints of #023286

Tones of #023286

Color Blindness Simulator