#002255 hex color

In a RGB color space, hex #002255 is composed of 0% red, 13.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 60% magenta, 0% yellow and 66.7% black. It has a hue angle of 216 degrees, a saturation of 100% and a lightness of 16.7%. #002255 color hex could be obtained by blending #0044aa with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 0
- G 13
- B 33
RGB color chart
- C 100
- M 60
- Y 0
- K 67
CMYK color chart

● #002255 color description : Very dark blue.

The hexadecimal color #002255 has RGB values of R:0, G:34, B:85 and CMYK values of C:1, M:0.6, Y:0, K:0.67. Its decimal value is 8789.

Hex triplet	002255	`#002255`
RGB Decimal	0, 34, 85	`rgb(0,34,85)`
RGB Percent	0, 13.3, 33.3	`rgb(0%,13.3%,33.3%)`
CMYK	100, 60, 0, 67
HSL	216°, 100, 16.7	`hsl(216,100%,16.7%)`
HSV (or HSB)	216°, 100, 33.3
Web Safe	003366	`#003366`

CIE-LAB	14.399, 11.709, -34.14
XYZ	2.211, 1.8, 8.825
xyY	0.172, 0.14, 1.8
CIE-LCH	14.399, 36.092, 288.93
CIE-LUV	14.399, -7.297, -33.214
Hunter-Lab	13.415, 5.946, -29.61
Binary	00000000, 00100010, 01010101

#002255
```
#002255 rgb(0,34,85)
```
#553300
```
#553300 rgb(85,51,0)
```

Complementary Color

#004c55
```
#004c55 rgb(0,76,85)
```
#002255
```
#002255 rgb(0,34,85)
```
#080055
```
#080055 rgb(8,0,85)
```

Analogous Color

#4d5500
```
#4d5500 rgb(77,85,0)
```
#002255
```
#002255 rgb(0,34,85)
```
#550900
```
#550900 rgb(85,9,0)
```

Split Complementary Color

#225500
```
#225500 rgb(34,85,0)
```
#002255
```
#002255 rgb(0,34,85)
```
#550022
```
#550022 rgb(85,0,34)
```

Triadic Color

#005533
```
#005533 rgb(0,85,51)
```
#002255
```
#002255 rgb(0,34,85)
```
#550022
```
#550022 rgb(85,0,34)
```
#553300
```
#553300 rgb(85,51,0)
```

Tetradic Color

#000308
```
#000308 rgb(0,3,8)
```
#000e22
```
#000e22 rgb(0,14,34)
```
#00183c
```
#00183c rgb(0,24,60)
```
#002255
```
#002255 rgb(0,34,85)
```
#002c6f
```
#002c6f rgb(0,44,111)
```
#003688
```
#003688 rgb(0,54,136)
```
#0041a2
```
#0041a2 rgb(0,65,162)
```

Monochromatic Color

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

#003755
```
#003755 rgb(0,55,85)
```
#003055
```
#003055 rgb(0,48,85)
```
#002955
```
#002955 rgb(0,41,85)
```
#002255
```
#002255 rgb(0,34,85)
```
#001b55
```
#001b55 rgb(0,27,85)
```
#001455
```
#001455 rgb(0,20,85)
```
#000d55
```
#000d55 rgb(0,13,85)
```

Similar Colors

Text with hexadecimal color #002255

This text has a font color of #002255.

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

#002255 background color

This paragraph has a background color of #002255.

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

#002255 border color

This element has a border color of #002255.

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

CSS codes

.text {color:#002255;}

.background {background-color:#002255;}

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000a1a
```
#000a1a rgb(0,10,26)
```
#00122e
```
#00122e rgb(0,18,46)
```
#001a41
```
#001a41 rgb(0,26,65)
```
#002255
```
#002255 rgb(0,34,85)
```
#002a69
```
#002a69 rgb(0,42,105)
```
#00327c
```
#00327c rgb(0,50,124)
```
#003a90
```
#003a90 rgb(0,58,144)
```
#0041a3
```
#0041a3 rgb(0,65,163)
```
#0049b7
```
#0049b7 rgb(0,73,183)
```
#0051cb
```
#0051cb rgb(0,81,203)
```
#0059de
```
#0059de rgb(0,89,222)
```
#0061f2
```
#0061f2 rgb(0,97,242)
```

Shade Color Variation

#076aff
```
#076aff rgb(7,106,255)
```
#1a76ff
```
#1a76ff rgb(26,118,255)
```
#2e81ff
```
#2e81ff rgb(46,129,255)
```
#418dff
```
#418dff rgb(65,141,255)
```
#5599ff
```
#5599ff rgb(85,153,255)
```
#69a5ff
```
#69a5ff rgb(105,165,255)
```
#7cb1ff
```
#7cb1ff rgb(124,177,255)
```
#90bcff
```
#90bcff rgb(144,188,255)
```
#a3c8ff
```
#a3c8ff rgb(163,200,255)
```
#b7d4ff
```
#b7d4ff rgb(183,212,255)
```
#cbe0ff
```
#cbe0ff rgb(203,224,255)
```
#deebff
```
#deebff rgb(222,235,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#272a2e
```
#272a2e rgb(39,42,46)
```
#242931
```
#242931 rgb(36,41,49)
```
#212934
```
#212934 rgb(33,41,52)
```
#1d2838
```
#1d2838 rgb(29,40,56)
```
#1a273b
```
#1a273b rgb(26,39,59)
```
#17273e
```
#17273e rgb(23,39,62)
```
#142641
```
#142641 rgb(20,38,65)
```
#102545
```
#102545 rgb(16,37,69)
```
#0d2548
```
#0d2548 rgb(13,37,72)
```
#0a244b
```
#0a244b rgb(10,36,75)
```
#07234e
```
#07234e rgb(7,35,78)
```
#032352
```
#032352 rgb(3,35,82)
```
#002255
```
#002255 rgb(0,34,85)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#181f29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00304f Deuteranopia 1% of men
#003437 Tritanopia 0.001% of the population

Trichromacy

#002958 Protanomaly 1% of men, 0.01% of women
#002b51 Deuteranomaly 6% of men, 0.4% of women
#002d42 Tritanomaly 0.01% of the population

#002255 hex color

#002255 Color Information

#002255 Color Conversion

Color Schemes with #002255

Alternatives to #002255

#002255 Preview

Shades and Tints of #002255

Tones of #002255

Color Blindness Simulator