#023486 hex color

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

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

● #023486 color description : Dark blue.

The hexadecimal color #023486 has RGB values of R:2, G:52, B:134 and CMYK values of C:0.99, M:0.61, Y:0, K:0.47. Its decimal value is 144518.

Hex triplet	023486	`#023486`
RGB Decimal	2, 52, 134	`rgb(2,52,134)`
RGB Percent	0.8, 20.4, 52.5	`rgb(0.8%,20.4%,52.5%)`
CMYK	99, 61, 0, 47
HSL	217.3°, 97.1, 26.7	`hsl(217.3,97.1%,26.7%)`
HSV (or HSB)	217.3°, 98.5, 52.5
Web Safe	003399	`#003399`

CIE-LAB	24.289, 20.381, -49.767
XYZ	5.555, 4.19, 23.069
xyY	0.169, 0.128, 4.19
CIE-LCH	24.289, 53.778, 292.271
CIE-LUV	24.289, -11.481, -61.356
Hunter-Lab	20.469, 12.625, -52.494
Binary	00000010, 00110100, 10000110

#023486
```
#023486 rgb(2,52,134)
```
#865402
```
#865402 rgb(134,84,2)
```

Complementary Color

#027686
```
#027686 rgb(2,118,134)
```
#023486
```
#023486 rgb(2,52,134)
```
#120286
```
#120286 rgb(18,2,134)
```

Analogous Color

#768602
```
#768602 rgb(118,134,2)
```
#023486
```
#023486 rgb(2,52,134)
```
#861202
```
#861202 rgb(134,18,2)
```

Split Complementary Color

#348602
```
#348602 rgb(52,134,2)
```
#023486
```
#023486 rgb(2,52,134)
```
#860234
```
#860234 rgb(134,2,52)
```

Triadic Color

#028654
```
#028654 rgb(2,134,84)
```
#023486
```
#023486 rgb(2,52,134)
```
#860234
```
#860234 rgb(134,2,52)
```
#865402
```
#865402 rgb(134,84,2)
```

Tetradic Color

#01173b
```
#01173b rgb(1,23,59)
```
#012154
```
#012154 rgb(1,33,84)
```
#022a6d
```
#022a6d rgb(2,42,109)
```
#023486
```
#023486 rgb(2,52,134)
```
#023e9f
```
#023e9f rgb(2,62,159)
```
#0348b8
```
#0348b8 rgb(3,72,184)
```
#0351d1
```
#0351d1 rgb(3,81,209)
```

Monochromatic Color

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

#025586
```
#025586 rgb(2,85,134)
```
#024a86
```
#024a86 rgb(2,74,134)
```
#023f86
```
#023f86 rgb(2,63,134)
```
#023486
```
#023486 rgb(2,52,134)
```
#022986
```
#022986 rgb(2,41,134)
```
#021e86
```
#021e86 rgb(2,30,134)
```
#021386
```
#021386 rgb(2,19,134)
```

Similar Colors

Text with hexadecimal color #023486

This text has a font color of #023486.

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

#023486 background color

This paragraph has a background color of #023486.

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

#023486 border color

This element has a border color of #023486.

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

CSS codes

.text {color:#023486;}

.background {background-color:#023486;}

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

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)
```
#010f25
```
#010f25 rgb(1,15,37)
```
#011639
```
#011639 rgb(1,22,57)
```
#011e4c
```
#011e4c rgb(1,30,76)
```
#01255f
```
#01255f rgb(1,37,95)
```
#022d73
```
#022d73 rgb(2,45,115)
```
#023486
```
#023486 rgb(2,52,134)
```
#023c99
```
#023c99 rgb(2,60,153)
```
#0343ad
```
#0343ad rgb(3,67,173)
```
#034bc0
```
#034bc0 rgb(3,75,192)
```
#0352d3
```
#0352d3 rgb(3,82,211)
```
#035ae7
```
#035ae7 rgb(3,90,231)
```
#0461fa
```
#0461fa rgb(4,97,250)
```

Shade Color Variation

#166dfc
```
#166dfc rgb(22,109,252)
```
#2979fc
```
#2979fc rgb(41,121,252)
```
#3c85fc
```
#3c85fc rgb(60,133,252)
```
#5091fc
```
#5091fc rgb(80,145,252)
```
#639dfd
```
#639dfd rgb(99,157,253)
```
#76a9fd
```
#76a9fd rgb(118,169,253)
```
#8ab6fd
```
#8ab6fd rgb(138,182,253)
```
#9dc2fe
```
#9dc2fe rgb(157,194,254)
```
#b0cefe
```
#b0cefe rgb(176,206,254)
```
#c4dafe
```
#c4dafe rgb(196,218,254)
```
#d7e6fe
```
#d7e6fe rgb(215,230,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 #023486 is the most saturated one.

#414347
```
#414347 rgb(65,67,71)
```
#3c424c
```
#3c424c rgb(60,66,76)
```
#364152
```
#364152 rgb(54,65,82)
```
#313f57
```
#313f57 rgb(49,63,87)
```
#2c3e5c
```
#2c3e5c rgb(44,62,92)
```
#273d61
```
#273d61 rgb(39,61,97)
```
#213c67
```
#213c67 rgb(33,60,103)
```
#1c3a6c
```
#1c3a6c rgb(28,58,108)
```
#173971
```
#173971 rgb(23,57,113)
```
#123876
```
#123876 rgb(18,56,118)
```
#0c377c
```
#0c377c rgb(12,55,124)
```
#073581
```
#073581 rgb(7,53,129)
```
#023486
```
#023486 rgb(2,52,134)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#252f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004180 Protanopia 1% of men
#004570 Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#003c82 Protanomaly 1% of men, 0.01% of women
#003f78 Deuteranomaly 6% of men, 0.4% of women
#004262 Tritanomaly 0.01% of the population

#023486 hex color

#023486 Color Information

#023486 Color Conversion

Color Schemes with #023486

Alternatives to #023486

#023486 Preview

Shades and Tints of #023486

Tones of #023486

Color Blindness Simulator