#196ca1 hex color

In a RGB color space, hex #196ca1 is composed of 9.8% red, 42.4% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 32.9% magenta, 0% yellow and 36.9% black. It has a hue angle of 203.4 degrees, a saturation of 73.1% and a lightness of 36.5%. #196ca1 color hex could be obtained by blending #32d8ff with #000043. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 42
- B 63
RGB color chart
- C 84
- M 33
- Y 0
- K 37
CMYK color chart

● #196ca1 color description : Dark blue.

The hexadecimal color #196ca1 has RGB values of R:25, G:108, B:161 and CMYK values of C:0.84, M:0.33, Y:0, K:0.37. Its decimal value is 1666209.

Hex triplet	196ca1	`#196ca1`
RGB Decimal	25, 108, 161	`rgb(25,108,161)`
RGB Percent	9.8, 42.4, 63.1	`rgb(9.8%,42.4%,63.1%)`
CMYK	84, 33, 0, 37
HSL	203.4°, 73.1, 36.5	`hsl(203.4,73.1%,36.5%)`
HSV (or HSB)	203.4°, 84.5, 63.1
Web Safe	006699	`#006699`

CIE-LAB	43.513, -4.338, -35.277
XYZ	12.195, 13.504, 35.68
xyY	0.199, 0.22, 13.504
CIE-LCH	43.513, 35.543, 262.99
CIE-LUV	43.513, -26.164, -51.281
Hunter-Lab	36.748, -5.072, -31.844
Binary	00011001, 01101100, 10100001

#196ca1
```
#196ca1 rgb(25,108,161)
```
#a14e19
```
#a14e19 rgb(161,78,25)
```

Complementary Color

#19a192
```
#19a192 rgb(25,161,146)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#1928a1
```
#1928a1 rgb(25,40,161)
```

Analogous Color

#a19219
```
#a19219 rgb(161,146,25)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#a11928
```
#a11928 rgb(161,25,40)
```

Split Complementary Color

#6ca119
```
#6ca119 rgb(108,161,25)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#a1196c
```
#a1196c rgb(161,25,108)
```

Triadic Color

#19a14e
```
#19a14e rgb(25,161,78)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#a1196c
```
#a1196c rgb(161,25,108)
```
#a14e19
```
#a14e19 rgb(161,78,25)
```

Tetradic Color

#0f405f
```
#0f405f rgb(15,64,95)
```
#124e75
```
#124e75 rgb(18,78,117)
```
#165d8b
```
#165d8b rgb(22,93,139)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#1c7bb7
```
#1c7bb7 rgb(28,123,183)
```
#208acd
```
#208acd rgb(32,138,205)
```
#2997de
```
#2997de rgb(41,151,222)
```

Monochromatic Color

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

#198ea1
```
#198ea1 rgb(25,142,161)
```
#1983a1
```
#1983a1 rgb(25,131,161)
```
#1977a1
```
#1977a1 rgb(25,119,161)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#1961a1
```
#1961a1 rgb(25,97,161)
```
#1955a1
```
#1955a1 rgb(25,85,161)
```
#194aa1
```
#194aa1 rgb(25,74,161)
```

Similar Colors

Text with hexadecimal color #196ca1

This text has a font color of #196ca1.

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

#196ca1 background color

This paragraph has a background color of #196ca1.

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

#196ca1 border color

This element has a border color of #196ca1.

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

CSS codes

.text {color:#196ca1;}

.background {background-color:#196ca1;}

.border {border:1px solid #196ca1;}

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

#010508
```
#010508 rgb(1,5,8)
```
#041119
```
#041119 rgb(4,17,25)
```
#071c2a
```
#071c2a rgb(7,28,42)
```
#09283b
```
#09283b rgb(9,40,59)
```
#0c334c
```
#0c334c rgb(12,51,76)
```
#0e3e5d
```
#0e3e5d rgb(14,62,93)
```
#114a6e
```
#114a6e rgb(17,74,110)
```
#14557f
```
#14557f rgb(20,85,127)
```
#166190
```
#166190 rgb(22,97,144)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#1c77b2
```
#1c77b2 rgb(28,119,178)
```
#1e83c3
```
#1e83c3 rgb(30,131,195)
```
#218ed4
```
#218ed4 rgb(33,142,212)
```

Shade Color Variation

#2a98de
```
#2a98de rgb(42,152,222)
```
#3ba0e1
```
#3ba0e1 rgb(59,160,225)
```
#4ca8e3
```
#4ca8e3 rgb(76,168,227)
```
#5db1e6
```
#5db1e6 rgb(93,177,230)
```
#6eb9e9
```
#6eb9e9 rgb(110,185,233)
```
#7fc1eb
```
#7fc1eb rgb(127,193,235)
```
#90c9ee
```
#90c9ee rgb(144,201,238)
```
#a1d2f0
```
#a1d2f0 rgb(161,210,240)
```
#b2daf3
```
#b2daf3 rgb(178,218,243)
```
#c3e2f6
```
#c3e2f6 rgb(195,226,246)
```
#d4eaf8
```
#d4eaf8 rgb(212,234,248)
```
#e5f3fb
```
#e5f3fb rgb(229,243,251)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e61 is the less saturated color, while #0471b6 is the most saturated one.

#595e61
```
#595e61 rgb(89,94,97)
```
#525f68
```
#525f68 rgb(82,95,104)
```
#4b616f
```
#4b616f rgb(75,97,111)
```
#446376
```
#446376 rgb(68,99,118)
```
#3d647d
```
#3d647d rgb(61,100,125)
```
#366684
```
#366684 rgb(54,102,132)
```
#2e678c
```
#2e678c rgb(46,103,140)
```
#276993
```
#276993 rgb(39,105,147)
```
#206a9a
```
#206a9a rgb(32,106,154)
```
#196ca1
```
#196ca1 rgb(25,108,161)
```
#126ea8
```
#126ea8 rgb(18,110,168)
```
#0b6faf
```
#0b6faf rgb(11,111,175)
```
#0471b6
```
#0471b6 rgb(4,113,182)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4c5d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6da0 Protanopia 1% of men
#4b6ea7 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#436ca0 Protanomaly 1% of men, 0.01% of women
#396da5 Deuteranomaly 6% of men, 0.4% of women
#09748d Tritanomaly 0.01% of the population

#196ca1 hex color

#196ca1 Color Information

#196ca1 Color Conversion

Color Schemes with #196ca1

Alternatives to #196ca1

#196ca1 Preview

Shades and Tints of #196ca1

Tones of #196ca1

Color Blindness Simulator