#193f80 hex color

In a RGB color space, hex #193f80 is composed of 9.8% red, 24.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 50.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 217.9 degrees, a saturation of 67.3% and a lightness of 30%. #193f80 color hex could be obtained by blending #327eff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 10
- G 25
- B 50
RGB color chart
- C 80
- M 51
- Y 0
- K 50
CMYK color chart

● #193f80 color description : Dark blue.

The hexadecimal color #193f80 has RGB values of R:25, G:63, B:128 and CMYK values of C:0.8, M:0.51, Y:0, K:0.5. Its decimal value is 1654656.

Hex triplet	193f80	`#193f80`
RGB Decimal	25, 63, 128	`rgb(25,63,128)`
RGB Percent	9.8, 24.7, 50.2	`rgb(9.8%,24.7%,50.2%)`
CMYK	80, 51, 0, 50
HSL	217.9°, 67.3, 30	`hsl(217.9,67.3%,30%)`
HSV (or HSB)	217.9°, 80.5, 50.2
Web Safe	003399	`#003399`

CIE-LAB	27.627, 11.852, -40.568
XYZ	6.074, 5.32, 21.128
xyY	0.187, 0.164, 5.32
CIE-LCH	27.627, 42.264, 286.286
CIE-LUV	27.627, -12.592, -52.994
Hunter-Lab	23.065, 6.643, -38.166
Binary	00011001, 00111111, 10000000

#193f80
```
#193f80 rgb(25,63,128)
```
#805a19
```
#805a19 rgb(128,90,25)
```

Complementary Color

#197380
```
#197380 rgb(25,115,128)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#261980
```
#261980 rgb(38,25,128)
```

Analogous Color

#738019
```
#738019 rgb(115,128,25)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#802719
```
#802719 rgb(128,39,25)
```

Split Complementary Color

#3f8019
```
#3f8019 rgb(63,128,25)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#80193f
```
#80193f rgb(128,25,63)
```

Triadic Color

#19805a
```
#19805a rgb(25,128,90)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#80193f
```
#80193f rgb(128,25,63)
```
#805a19
```
#805a19 rgb(128,90,25)
```

Tetradic Color

#0d2040
```
#0d2040 rgb(13,32,64)
```
#112a55
```
#112a55 rgb(17,42,85)
```
#15356b
```
#15356b rgb(21,53,107)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#1d4a95
```
#1d4a95 rgb(29,74,149)
```
#2154ab
```
#2154ab rgb(33,84,171)
```
#265fc0
```
#265fc0 rgb(38,95,192)
```

Monochromatic Color

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

#195980
```
#195980 rgb(25,89,128)
```
#195080
```
#195080 rgb(25,80,128)
```
#194880
```
#194880 rgb(25,72,128)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#193680
```
#193680 rgb(25,54,128)
```
#192e80
```
#192e80 rgb(25,46,128)
```
#192580
```
#192580 rgb(25,37,128)
```

Similar Colors

Text with hexadecimal color #193f80

This text has a font color of #193f80.

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

#193f80 background color

This paragraph has a background color of #193f80.

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

#193f80 border color

This element has a border color of #193f80.

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

CSS codes

.text {color:#193f80;}

.background {background-color:#193f80;}

.border {border:1px solid #193f80;}

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, #03060d is the darkest color, while #fcfdfe is the lightest one.

#03060d
```
#03060d rgb(3,6,13)
```
#060f1e
```
#060f1e rgb(6,15,30)
```
#09172e
```
#09172e rgb(9,23,46)
```
#0c1f3e
```
#0c1f3e rgb(12,31,62)
```
#0f274f
```
#0f274f rgb(15,39,79)
```
#132f5f
```
#132f5f rgb(19,47,95)
```
#163770
```
#163770 rgb(22,55,112)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#1c4790
```
#1c4790 rgb(28,71,144)
```
#1f4fa1
```
#1f4fa1 rgb(31,79,161)
```
#2357b1
```
#2357b1 rgb(35,87,177)
```
#265fc2
```
#265fc2 rgb(38,95,194)
```
#2967d2
```
#2967d2 rgb(41,103,210)
```

Shade Color Variation

#3772d8
```
#3772d8 rgb(55,114,216)
```
#477edb
```
#477edb rgb(71,126,219)
```
#5889de
```
#5889de rgb(88,137,222)
```
#6895e2
```
#6895e2 rgb(104,149,226)
```
#78a0e5
```
#78a0e5 rgb(120,160,229)
```
#89ace8
```
#89ace8 rgb(137,172,232)
```
#99b7eb
```
#99b7eb rgb(153,183,235)
```
#aac3ee
```
#aac3ee rgb(170,195,238)
```
#bacff2
```
#bacff2 rgb(186,207,242)
```
#cadaf5
```
#cadaf5 rgb(202,218,245)
```
#dbe6f8
```
#dbe6f8 rgb(219,230,248)
```
#ebf1fb
```
#ebf1fb rgb(235,241,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#484b51
```
#484b51 rgb(72,75,81)
```
#424a57
```
#424a57 rgb(66,74,87)
```
#3c485d
```
#3c485d rgb(60,72,93)
```
#364763
```
#364763 rgb(54,71,99)
```
#314568
```
#314568 rgb(49,69,104)
```
#2b446e
```
#2b446e rgb(43,68,110)
```
#254274
```
#254274 rgb(37,66,116)
```
#1f417a
```
#1f417a rgb(31,65,122)
```
#193f80
```
#193f80 rgb(25,63,128)
```
#133d86
```
#133d86 rgb(19,61,134)
```
#0d3c8c
```
#0d3c8c rgb(13,60,140)
```
#073a92
```
#073a92 rgb(7,58,146)
```
#013998
```
#013998 rgb(1,57,152)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#343c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#244986 Protanopia 1% of men
#004c7e Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#204584 Protanomaly 1% of men, 0.01% of women
#09477e Deuteranomaly 6% of men, 0.4% of women
#094b66 Tritanomaly 0.01% of the population

#193f80 hex color

#193f80 Color Information

#193f80 Color Conversion

Color Schemes with #193f80

Alternatives to #193f80

#193f80 Preview

Shades and Tints of #193f80

Tones of #193f80

Color Blindness Simulator