#002a80 hex color

In a RGB color space, hex #002a80 is composed of 0% red, 16.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 67.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 220.3 degrees, a saturation of 100% and a lightness of 25.1%. #002a80 color hex could be obtained by blending #0054ff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 16
- B 50
RGB color chart
- C 100
- M 67
- Y 0
- K 50
CMYK color chart

● #002a80 color description : Dark blue.

The hexadecimal color #002a80 has RGB values of R:0, G:42, B:128 and CMYK values of C:1, M:0.67, Y:0, K:0.5. Its decimal value is 10880.

Hex triplet	002a80	`#002a80`
RGB Decimal	0, 42, 128	`rgb(0,42,128)`
RGB Percent	0, 16.5, 50.2	`rgb(0%,16.5%,50.2%)`
CMYK	100, 67, 0, 50
HSL	220.3°, 100, 25.1	`hsl(220.3,100%,25.1%)`
HSV (or HSB)	220.3°, 100, 50.2
Web Safe	003399	`#003399`

CIE-LAB	20.881, 24.855, -51.583
XYZ	4.723, 3.214, 20.792
xyY	0.164, 0.112, 3.214
CIE-LCH	20.881, 57.259, 295.727
CIE-LUV	20.881, -9.227, -59.037
Hunter-Lab	17.928, 15.656, -56.214
Binary	00000000, 00101010, 10000000

#002a80
```
#002a80 rgb(0,42,128)
```
#805600
```
#805600 rgb(128,86,0)
```

Complementary Color

#006a80
```
#006a80 rgb(0,106,128)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#160080
```
#160080 rgb(22,0,128)
```

Analogous Color

#6a8000
```
#6a8000 rgb(106,128,0)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#801600
```
#801600 rgb(128,22,0)
```

Split Complementary Color

#2a8000
```
#2a8000 rgb(42,128,0)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#80002a
```
#80002a rgb(128,0,42)
```

Triadic Color

#008056
```
#008056 rgb(0,128,86)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#80002a
```
#80002a rgb(128,0,42)
```
#805600
```
#805600 rgb(128,86,0)
```

Tetradic Color

#001134
```
#001134 rgb(0,17,52)
```
#00194d
```
#00194d rgb(0,25,77)
```
#002267
```
#002267 rgb(0,34,103)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#00329a
```
#00329a rgb(0,50,154)
```
#003bb3
```
#003bb3 rgb(0,59,179)
```
#0043cd
```
#0043cd rgb(0,67,205)
```

Monochromatic Color

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

#004a80
```
#004a80 rgb(0,74,128)
```
#003f80
```
#003f80 rgb(0,63,128)
```
#003580
```
#003580 rgb(0,53,128)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#001f80
```
#001f80 rgb(0,31,128)
```
#001580
```
#001580 rgb(0,21,128)
```
#000a80
```
#000a80 rgb(0,10,128)
```

Similar Colors

Text with hexadecimal color #002a80

This text has a font color of #002a80.

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

#002a80 background color

This paragraph has a background color of #002a80.

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

#002a80 border color

This element has a border color of #002a80.

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

CSS codes

.text {color:#002a80;}

.background {background-color:#002a80;}

.border {border:1px solid #002a80;}

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, #00030a is the darkest color, while #f6f9ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001032
```
#001032 rgb(0,16,50)
```
#001745
```
#001745 rgb(0,23,69)
```
#001d59
```
#001d59 rgb(0,29,89)
```
#00246c
```
#00246c rgb(0,36,108)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#003094
```
#003094 rgb(0,48,148)
```
#0037a7
```
#0037a7 rgb(0,55,167)
```
#003dbb
```
#003dbb rgb(0,61,187)
```
#0044ce
```
#0044ce rgb(0,68,206)
```
#004ae2
```
#004ae2 rgb(0,74,226)
```
#0051f6
```
#0051f6 rgb(0,81,246)
```

Shade Color Variation

#0a5bff
```
#0a5bff rgb(10,91,255)
```
#1e68ff
```
#1e68ff rgb(30,104,255)
```
#3275ff
```
#3275ff rgb(50,117,255)
```
#4582ff
```
#4582ff rgb(69,130,255)
```
#598fff
```
#598fff rgb(89,143,255)
```
#6c9cff
```
#6c9cff rgb(108,156,255)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#94b7ff
```
#94b7ff rgb(148,183,255)
```
#a7c4ff
```
#a7c4ff rgb(167,196,255)
```
#bbd1ff
```
#bbd1ff rgb(187,209,255)
```
#cedeff
```
#cedeff rgb(206,222,255)
```
#e2ecff
```
#e2ecff rgb(226,236,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#3b3e45
```
#3b3e45 rgb(59,62,69)
```
#363d4a
```
#363d4a rgb(54,61,74)
```
#313b4f
```
#313b4f rgb(49,59,79)
```
#2c3954
```
#2c3954 rgb(44,57,84)
```
#273859
```
#273859 rgb(39,56,89)
```
#22365e
```
#22365e rgb(34,54,94)
```
#1e3462
```
#1e3462 rgb(30,52,98)
```
#193267
```
#193267 rgb(25,50,103)
```
#14316c
```
#14316c rgb(20,49,108)
```
#0f2f71
```
#0f2f71 rgb(15,47,113)
```
#0a2d76
```
#0a2d76 rgb(10,45,118)
```
#052c7b
```
#052c7b rgb(5,44,123)
```
#002a80
```
#002a80 rgb(0,42,128)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#1f2839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003e64 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#003477 Protanomaly 1% of men, 0.01% of women
#00376e Deuteranomaly 6% of men, 0.4% of women
#00395b Tritanomaly 0.01% of the population

#002a80 hex color

#002a80 Color Information

#002a80 Color Conversion

Color Schemes with #002a80

Alternatives to #002a80

#002a80 Preview

Shades and Tints of #002a80

Tones of #002a80

Color Blindness Simulator