#196caa hex color

In a RGB color space, hex #196caa is composed of 9.8% red, 42.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 36.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 205.7 degrees, a saturation of 74.4% and a lightness of 38.2%. #196caa color hex could be obtained by blending #32d8ff with #000055. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 42
- B 67
RGB color chart
- C 85
- M 36
- Y 0
- K 33
CMYK color chart

● #196caa color description : Dark blue.

The hexadecimal color #196caa has RGB values of R:25, G:108, B:170 and CMYK values of C:0.85, M:0.36, Y:0, K:0.33. Its decimal value is 1666218.

Hex triplet	196caa	`#196caa`
RGB Decimal	25, 108, 170	`rgb(25,108,170)`
RGB Percent	9.8, 42.4, 66.7	`rgb(9.8%,42.4%,66.7%)`
CMYK	85, 36, 0, 33
HSL	205.7°, 74.4, 38.2	`hsl(205.7,74.4%,38.2%)`
HSV (or HSB)	205.7°, 85.3, 66.7
Web Safe	006699	`#006699`

CIE-LAB	43.992, -0.857, -39.819
XYZ	13.017, 13.833, 40.012
xyY	0.195, 0.207, 13.833
CIE-LCH	43.992, 39.828, 268.766
CIE-LUV	43.992, -25.701, -58.768
Hunter-Lab	37.193, -2.612, -37.75
Binary	00011001, 01101100, 10101010

#196caa
```
#196caa rgb(25,108,170)
```
#aa5719
```
#aa5719 rgb(170,87,25)
```

Complementary Color

#19aaa0
```
#19aaa0 rgb(25,170,160)
```
#196caa
```
#196caa rgb(25,108,170)
```
#1924aa
```
#1924aa rgb(25,36,170)
```

Analogous Color

#aaa019
```
#aaa019 rgb(170,160,25)
```
#196caa
```
#196caa rgb(25,108,170)
```
#aa1924
```
#aa1924 rgb(170,25,36)
```

Split Complementary Color

#6caa19
```
#6caa19 rgb(108,170,25)
```
#196caa
```
#196caa rgb(25,108,170)
```
#aa196c
```
#aa196c rgb(170,25,108)
```

Triadic Color

#19aa57
```
#19aa57 rgb(25,170,87)
```
#196caa
```
#196caa rgb(25,108,170)
```
#aa196c
```
#aa196c rgb(170,25,108)
```
#aa5719
```
#aa5719 rgb(170,87,25)
```

Tetradic Color

#0f4267
```
#0f4267 rgb(15,66,103)
```
#12507e
```
#12507e rgb(18,80,126)
```
#165e94
```
#165e94 rgb(22,94,148)
```
#196caa
```
#196caa rgb(25,108,170)
```
#1c7ac0
```
#1c7ac0 rgb(28,122,192)
```
#2088d6
```
#2088d6 rgb(32,136,214)
```
#2f95e0
```
#2f95e0 rgb(47,149,224)
```

Monochromatic Color

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

#1990aa
```
#1990aa rgb(25,144,170)
```
#1984aa
```
#1984aa rgb(25,132,170)
```
#1978aa
```
#1978aa rgb(25,120,170)
```
#196caa
```
#196caa rgb(25,108,170)
```
#1960aa
```
#1960aa rgb(25,96,170)
```
#1954aa
```
#1954aa rgb(25,84,170)
```
#1948aa
```
#1948aa rgb(25,72,170)
```

Similar Colors

Text with hexadecimal color #196caa

This text has a font color of #196caa.

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

#196caa background color

This paragraph has a background color of #196caa.

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

#196caa border color

This element has a border color of #196caa.

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

CSS codes

.text {color:#196caa;}

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

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

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

#020a10
```
#020a10 rgb(2,10,16)
```
#051521
```
#051521 rgb(5,21,33)
```
#072032
```
#072032 rgb(7,32,50)
```
#0a2b43
```
#0a2b43 rgb(10,43,67)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#0f4166
```
#0f4166 rgb(15,65,102)
```
#114b77
```
#114b77 rgb(17,75,119)
```
#145688
```
#145688 rgb(20,86,136)
```
#166199
```
#166199 rgb(22,97,153)
```
#196caa
```
#196caa rgb(25,108,170)
```
#1c77bb
```
#1c77bb rgb(28,119,187)
```
#1e82cc
```
#1e82cc rgb(30,130,204)
```
#218ddd
```
#218ddd rgb(33,141,221)
```

Shade Color Variation

#3195e1
```
#3195e1 rgb(49,149,225)
```
#429ee3
```
#429ee3 rgb(66,158,227)
```
#53a7e6
```
#53a7e6 rgb(83,167,230)
```
#64b0e8
```
#64b0e8 rgb(100,176,232)
```
#75b8eb
```
#75b8eb rgb(117,184,235)
```
#86c1ed
```
#86c1ed rgb(134,193,237)
```
#97caf0
```
#97caf0 rgb(151,202,240)
```
#a8d3f2
```
#a8d3f2 rgb(168,211,242)
```
#badbf5
```
#badbf5 rgb(186,219,245)
```
#cbe4f7
```
#cbe4f7 rgb(203,228,247)
```
#dcedfa
```
#dcedfa rgb(220,237,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5d6267
```
#5d6267 rgb(93,98,103)
```
#55636e
```
#55636e rgb(85,99,110)
```
#4e6476
```
#4e6476 rgb(78,100,118)
```
#46657d
```
#46657d rgb(70,101,125)
```
#3f6785
```
#3f6785 rgb(63,103,133)
```
#37688c
```
#37688c rgb(55,104,140)
```
#306994
```
#306994 rgb(48,105,148)
```
#286a9b
```
#286a9b rgb(40,106,155)
```
#216ba3
```
#216ba3 rgb(33,107,163)
```
#196caa
```
#196caa rgb(25,108,170)
```
#126db2
```
#126db2 rgb(18,109,178)
```
#0a6eb9
```
#0a6eb9 rgb(10,110,185)
```
#026fc1
```
#026fc1 rgb(2,111,193)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4d5e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#576da9 Protanopia 1% of men
#4270af Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#406da9 Protanomaly 1% of men, 0.01% of women
#336ead Deuteranomaly 6% of men, 0.4% of women
#097591 Tritanomaly 0.01% of the population

#196caa hex color

#196caa Color Information

#196caa Color Conversion

Color Schemes with #196caa

Alternatives to #196caa

#196caa Preview

Shades and Tints of #196caa

Tones of #196caa

Color Blindness Simulator