#0a2f55 hex color

In a RGB color space, hex #0a2f55 is composed of 3.9% red, 18.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 44.7% magenta, 0% yellow and 66.7% black. It has a hue angle of 210.4 degrees, a saturation of 78.9% and a lightness of 18.6%. #0a2f55 color hex could be obtained by blending #145eaa with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 4
- G 18
- B 33
RGB color chart
- C 88
- M 45
- Y 0
- K 67
CMYK color chart

● #0a2f55 color description : Very dark blue.

The hexadecimal color #0a2f55 has RGB values of R:10, G:47, B:85 and CMYK values of C:0.88, M:0.45, Y:0, K:0.67. Its decimal value is 667477.

Hex triplet	0a2f55	`#0a2f55`
RGB Decimal	10, 47, 85	`rgb(10,47,85)`
RGB Percent	3.9, 18.4, 33.3	`rgb(3.9%,18.4%,33.3%)`
CMYK	88, 45, 0, 67
HSL	210.4°, 78.9, 18.6	`hsl(210.4,78.9%,18.6%)`
HSV (or HSB)	210.4°, 88.2, 33.3
Web Safe	003366	`#003366`

CIE-LAB	19.027, 3.093, -26.661
XYZ	2.781, 2.753, 8.979
xyY	0.192, 0.19, 2.753
CIE-LCH	19.027, 26.84, 276.618
CIE-LUV	19.027, -10.19, -29.537
Hunter-Lab	16.593, 0.88, -20.468
Binary	00001010, 00101111, 01010101

#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#55300a
```
#55300a rgb(85,48,10)
```

Complementary Color

#0a5555
```
#0a5555 rgb(10,85,85)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#0b0a55
```
#0b0a55 rgb(11,10,85)
```

Analogous Color

#55550a
```
#55550a rgb(85,85,10)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#550b0a
```
#550b0a rgb(85,11,10)
```

Split Complementary Color

#2f550a
```
#2f550a rgb(47,85,10)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#550a2f
```
#550a2f rgb(85,10,47)
```

Triadic Color

#0a5530
```
#0a5530 rgb(10,85,48)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#550a2f
```
#550a2f rgb(85,10,47)
```
#55300a
```
#55300a rgb(85,48,10)
```

Tetradic Color

#020911
```
#020911 rgb(2,9,17)
```
#051627
```
#051627 rgb(5,22,39)
```
#07223e
```
#07223e rgb(7,34,62)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#0d3c6c
```
#0d3c6c rgb(13,60,108)
```
#0f4883
```
#0f4883 rgb(15,72,131)
```
#125599
```
#125599 rgb(18,85,153)
```

Monochromatic Color

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

#0a4255
```
#0a4255 rgb(10,66,85)
```
#0a3c55
```
#0a3c55 rgb(10,60,85)
```
#0a3555
```
#0a3555 rgb(10,53,85)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#0a2955
```
#0a2955 rgb(10,41,85)
```
#0a2355
```
#0a2355 rgb(10,35,85)
```
#0a1c55
```
#0a1c55 rgb(10,28,85)
```

Similar Colors

Text with hexadecimal color #0a2f55

This text has a font color of #0a2f55.

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

#0a2f55 background color

This paragraph has a background color of #0a2f55.

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

#0a2f55 border color

This element has a border color of #0a2f55.

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

CSS codes

.text {color:#0a2f55;}

.background {background-color:#0a2f55;}

.border {border:1px solid #0a2f55;}

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, #02080f is the darkest color, while #fcfdff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#041220
```
#041220 rgb(4,18,32)
```
#061c32
```
#061c32 rgb(6,28,50)
```
#082543
```
#082543 rgb(8,37,67)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#0c3967
```
#0c3967 rgb(12,57,103)
```
#0e4278
```
#0e4278 rgb(14,66,120)
```
#104c8a
```
#104c8a rgb(16,76,138)
```
#12569b
```
#12569b rgb(18,86,155)
```
#1460ad
```
#1460ad rgb(20,96,173)
```
#1669be
```
#1669be rgb(22,105,190)
```
#1873d0
```
#1873d0 rgb(24,115,208)
```
#1b7de1
```
#1b7de1 rgb(27,125,225)
```

Shade Color Variation

#2a87e6
```
#2a87e6 rgb(42,135,230)
```
#3b90e8
```
#3b90e8 rgb(59,144,232)
```
#4d9aea
```
#4d9aea rgb(77,154,234)
```
#5ea4ec
```
#5ea4ec rgb(94,164,236)
```
#70aeee
```
#70aeee rgb(112,174,238)
```
#81b8f0
```
#81b8f0 rgb(129,184,240)
```
#93c2f2
```
#93c2f2 rgb(147,194,242)
```
#a4ccf4
```
#a4ccf4 rgb(164,204,244)
```
#b6d6f6
```
#b6d6f6 rgb(182,214,246)
```
#c8e0f8
```
#c8e0f8 rgb(200,224,248)
```
#d9eafb
```
#d9eafb rgb(217,234,251)
```
#ebf4fd
```
#ebf4fd rgb(235,244,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#2f2f30
```
#2f2f30 rgb(47,47,48)
```
#2b2f34
```
#2b2f34 rgb(43,47,52)
```
#272f38
```
#272f38 rgb(39,47,56)
```
#242f3b
```
#242f3b rgb(36,47,59)
```
#202f3f
```
#202f3f rgb(32,47,63)
```
#1c2f43
```
#1c2f43 rgb(28,47,67)
```
#192f46
```
#192f46 rgb(25,47,70)
```
#152f4a
```
#152f4a rgb(21,47,74)
```
#112f4e
```
#112f4e rgb(17,47,78)
```
#0e2f51
```
#0e2f51 rgb(14,47,81)
```
#0a2f55
```
#0a2f55 rgb(10,47,85)
```
#062f59
```
#062f59 rgb(6,47,89)
```
#032f5c
```
#032f5c rgb(3,47,92)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#222931 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28375c Protanopia 1% of men
#17395d Deuteranopia 1% of men
#003e42 Tritanopia 0.001% of the population

Trichromacy

#1d3459 Protanomaly 1% of men, 0.01% of women
#12355a Deuteranomaly 6% of men, 0.4% of women
#033849 Tritanomaly 0.01% of the population

#0a2f55 hex color

#0a2f55 Color Information

#0a2f55 Color Conversion

Color Schemes with #0a2f55

Alternatives to #0a2f55

#0a2f55 Preview

Shades and Tints of #0a2f55

Tones of #0a2f55

Color Blindness Simulator