colorhexa.com

#1f62a5 hex color

In a RGB color space, hex #1f62a5 is composed of 12.2% red, 38.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 40.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 210 degrees, a saturation of 68.4% and a lightness of 38.4%. #1f62a5 color hex could be obtained by blending #3ec4ff with #00004b. Closest websafe color is: #336699.

- R 12
- G 38
- B 65
RGB color chart
- C 81
- M 41
- Y 0
- K 35
CMYK color chart

● #1f62a5 color description : Dark blue.

The hexadecimal color #1f62a5 has RGB values of R:31, G:98, B:165 and CMYK values of C:0.81, M:0.41, Y:0, K:0.35. Its decimal value is 2056869.

Hex triplet	1f62a5	`#1f62a5`
RGB Decimal	31, 98, 165	`rgb(31,98,165)`
RGB Percent	12.2, 38.4, 64.7	`rgb(12.2%,38.4%,64.7%)`
CMYK	81, 41, 0, 35
HSL	210°, 68.4, 38.4	`hsl(210,68.4%,38.4%)`
HSV (or HSB)	210°, 81.2, 64.7
Web Safe	336699	`#336699`

CIE-LAB	40.804, 4.043, -41.934
XYZ	11.723, 11.742, 37.244
xyY	0.193, 0.193, 11.742
CIE-LCH	40.804, 42.128, 275.507
CIE-LUV	40.804, -21.919, -61.311
Hunter-Lab	34.267, 1.097, -40.454
Binary	00011111, 01100010, 10100101

#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#a5621f
```
#a5621f rgb(165,98,31)
```

Complementary Color

#1fa5a5
```
#1fa5a5 rgb(31,165,165)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#1f1fa5
```
#1f1fa5 rgb(31,31,165)
```

Analogous Color

#a5a51f
```
#a5a51f rgb(165,165,31)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#a51f1f
```
#a51f1f rgb(165,31,31)
```

Split Complementary Color

#62a51f
```
#62a51f rgb(98,165,31)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#a51f62
```
#a51f62 rgb(165,31,98)
```

Triadic Color

#133c65
```
#133c65 rgb(19,60,101)
```
#17497a
```
#17497a rgb(23,73,122)
```
#1b5590
```
#1b5590 rgb(27,85,144)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#236fba
```
#236fba rgb(35,111,186)
```
#277cd0
```
#277cd0 rgb(39,124,208)
```
#3788d9
```
#3788d9 rgb(55,136,217)
```

Monochromatic Color

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

#1f84a5
```
#1f84a5 rgb(31,132,165)
```
#1f78a5
```
#1f78a5 rgb(31,120,165)
```
#1f6da5
```
#1f6da5 rgb(31,109,165)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#1f57a5
```
#1f57a5 rgb(31,87,165)
```
#1f4ca5
```
#1f4ca5 rgb(31,76,165)
```
#1f41a5
```
#1f41a5 rgb(31,65,165)
```

Similar Colors

Text with hexadecimal color #1f62a5

This text has a font color of #1f62a5.

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

#1f62a5 background color

This paragraph has a background color of #1f62a5.

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

#1f62a5 border color

This element has a border color of #1f62a5.

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

CSS codes

.text {color:#1f62a5;}

.background {background-color:#1f62a5;}

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

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, #030a10 is the darkest color, while #ffffff is the lightest one.

#030a10
```
#030a10 rgb(3,10,16)
```
#061421
```
#061421 rgb(6,20,33)
```
#091d31
```
#091d31 rgb(9,29,49)
```
#0c2742
```
#0c2742 rgb(12,39,66)
```
#0f3152
```
#0f3152 rgb(15,49,82)
```
#133b63
```
#133b63 rgb(19,59,99)
```
#164573
```
#164573 rgb(22,69,115)
```
#194e84
```
#194e84 rgb(25,78,132)
```
#1c5894
```
#1c5894 rgb(28,88,148)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#226cb6
```
#226cb6 rgb(34,108,182)
```
#2576c6
```
#2576c6 rgb(37,118,198)
```
#287fd7
```
#287fd7 rgb(40,127,215)
```

Shade Color Variation

#3989da
```
#3989da rgb(57,137,218)
```
#4993dd
```
#4993dd rgb(73,147,221)
```
#5a9de0
```
#5a9de0 rgb(90,157,224)
```
#6aa7e3
```
#6aa7e3 rgb(106,167,227)
```
#7bb0e6
```
#7bb0e6 rgb(123,176,230)
```
#8bbae9
```
#8bbae9 rgb(139,186,233)
```
#9cc4ec
```
#9cc4ec rgb(156,196,236)
```
#acceef
```
#acceef rgb(172,206,239)
```
#bdd8f3
```
#bdd8f3 rgb(189,216,243)
```
#cde2f6
```
#cde2f6 rgb(205,226,246)
```
#deebf9
```
#deebf9 rgb(222,235,249)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6269 is the less saturated color, while #0162c3 is the most saturated one.

#5b6269
```
#5b6269 rgb(91,98,105)
```
#546270
```
#546270 rgb(84,98,112)
```
#4c6278
```
#4c6278 rgb(76,98,120)
```
#45627f
```
#45627f rgb(69,98,127)
```
#3d6287
```
#3d6287 rgb(61,98,135)
```
#36628e
```
#36628e rgb(54,98,142)
```
#2e6296
```
#2e6296 rgb(46,98,150)
```
#27629d
```
#27629d rgb(39,98,157)
```
#1f62a5
```
#1f62a5 rgb(31,98,165)
```
#1762ad
```
#1762ad rgb(23,98,173)
```
#1062b4
```
#1062b4 rgb(16,98,180)
```
#0862bc
```
#0862bc rgb(8,98,188)
```
#0162c3
```
#0162c3 rgb(1,98,195)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4b5866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b66a6 Protanopia 1% of men
#3169a9 Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#3b64a5 Protanomaly 1% of men, 0.01% of women
#2a66a8 Deuteranomaly 6% of men, 0.4% of women
#0b6c89 Tritanomaly 0.01% of the population