#0036b2 hex color

In a RGB color space, hex #0036b2 is composed of 0% red, 21.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 221.8 degrees, a saturation of 100% and a lightness of 34.9%. #0036b2 color hex could be obtained by blending #006cff with #000065. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 21
- B 70
RGB color chart
- C 100
- M 70
- Y 0
- K 30
CMYK color chart

● #0036b2 color description : Dark blue.

The hexadecimal color #0036b2 has RGB values of R:0, G:54, B:178 and CMYK values of C:1, M:0.7, Y:0, K:0.3. Its decimal value is 14002.

Hex triplet	0036b2	`#0036b2`
RGB Decimal	0, 54, 178	`rgb(0,54,178)`
RGB Percent	0, 21.2, 69.8	`rgb(0%,21.2%,69.8%)`
CMYK	100, 70, 0, 30
HSL	221.8°, 100, 34.9	`hsl(221.8,100%,34.9%)`
HSV (or HSB)	221.8°, 100, 69.8
Web Safe	003399	`#003399`

CIE-LAB	29.036, 36.722, -68.806
XYZ	9.353, 5.852, 42.754
xyY	0.161, 0.101, 5.852
CIE-LCH	29.036, 77.992, 298.089
CIE-LUV	29.036, -12.021, -88.579
Hunter-Lab	24.191, 26.684, -87.853
Binary	00000000, 00110110, 10110010

#0036b2
```
#0036b2 rgb(0,54,178)
```
#b27c00
```
#b27c00 rgb(178,124,0)
```

Complementary Color

#008fb2
```
#008fb2 rgb(0,143,178)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#2300b2
```
#2300b2 rgb(35,0,178)
```

Analogous Color

#8fb200
```
#8fb200 rgb(143,178,0)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#b22300
```
#b22300 rgb(178,35,0)
```

Split Complementary Color

#36b200
```
#36b200 rgb(54,178,0)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#b20036
```
#b20036 rgb(178,0,54)
```

Triadic Color

#00b27c
```
#00b27c rgb(0,178,124)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#b20036
```
#b20036 rgb(178,0,54)
```
#b27c00
```
#b27c00 rgb(178,124,0)
```

Tetradic Color

#001f66
```
#001f66 rgb(0,31,102)
```
#00277f
```
#00277f rgb(0,39,127)
```
#002e99
```
#002e99 rgb(0,46,153)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#003ecc
```
#003ecc rgb(0,62,204)
```
#0045e5
```
#0045e5 rgb(0,69,229)
```
#004dff
```
#004dff rgb(0,77,255)
```

Monochromatic Color

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

#0063b2
```
#0063b2 rgb(0,99,178)
```
#0054b2
```
#0054b2 rgb(0,84,178)
```
#0045b2
```
#0045b2 rgb(0,69,178)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#0027b2
```
#0027b2 rgb(0,39,178)
```
#0018b2
```
#0018b2 rgb(0,24,178)
```
#000ab2
```
#000ab2 rgb(0,10,178)
```

Similar Colors

Text with hexadecimal color #0036b2

This text has a font color of #0036b2.

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

#0036b2 background color

This paragraph has a background color of #0036b2.

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

#0036b2 border color

This element has a border color of #0036b2.

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

CSS codes

.text {color:#0036b2;}

.background {background-color:#0036b2;}

.border {border:1px solid #0036b2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000615
```
#000615 rgb(0,6,21)
```
#000c29
```
#000c29 rgb(0,12,41)
```
#00123c
```
#00123c rgb(0,18,60)
```
#001850
```
#001850 rgb(0,24,80)
```
#001e64
```
#001e64 rgb(0,30,100)
```
#002477
```
#002477 rgb(0,36,119)
```
#002a8b
```
#002a8b rgb(0,42,139)
```
#00309e
```
#00309e rgb(0,48,158)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```
#003cc6
```
#003cc6 rgb(0,60,198)
```
#0042d9
```
#0042d9 rgb(0,66,217)
```
#0048ed
```
#0048ed rgb(0,72,237)
```

Shade Color Variation

#014eff
```
#014eff rgb(1,78,255)
```
#155cff
```
#155cff rgb(21,92,255)
```
#296aff
```
#296aff rgb(41,106,255)
```
#3c77ff
```
#3c77ff rgb(60,119,255)
```
#5085ff
```
#5085ff rgb(80,133,255)
```
#6493ff
```
#6493ff rgb(100,147,255)
```
#77a0ff
```
#77a0ff rgb(119,160,255)
```
#8baeff
```
#8baeff rgb(139,174,255)
```
#9ebcff
```
#9ebcff rgb(158,188,255)
```
#b2c9ff
```
#b2c9ff rgb(178,201,255)
```
#c6d7ff
```
#c6d7ff rgb(198,215,255)
```
#d9e5ff
```
#d9e5ff rgb(217,229,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#525660
```
#525660 rgb(82,86,96)
```
#4b5467
```
#4b5467 rgb(75,84,103)
```
#44516e
```
#44516e rgb(68,81,110)
```
#3e4e74
```
#3e4e74 rgb(62,78,116)
```
#374c7b
```
#374c7b rgb(55,76,123)
```
#304982
```
#304982 rgb(48,73,130)
```
#294689
```
#294689 rgb(41,70,137)
```
#224390
```
#224390 rgb(34,67,144)
```
#1b4197
```
#1b4197 rgb(27,65,151)
```
#153e9d
```
#153e9d rgb(21,62,157)
```
#0e3ba4
```
#0e3ba4 rgb(14,59,164)
```
#0739ab
```
#0739ab rgb(7,57,171)
```
#0036b2
```
#0036b2 rgb(0,54,178)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2a344d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#00439e Protanomaly 1% of men, 0.01% of women
#004692 Deuteranomaly 6% of men, 0.4% of women
#004a79 Tritanomaly 0.01% of the population

#0036b2 hex color

#0036b2 Color Information

#0036b2 Color Conversion

Color Schemes with #0036b2

Alternatives to #0036b2

#0036b2 Preview

Shades and Tints of #0036b2

Tones of #0036b2

Color Blindness Simulator