#196ba2 Color Information
In a RGB color space, hex #196ba2 is composed of 9.8% red, 42% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 34% magenta, 0% yellow and 36.5% black. It has a hue angle of 204.1 degrees, a saturation of 73.3% and a lightness of 36.7%. #196ba2 color hex could be obtained by blending #32d6ff with #000045. Closest websafe color is: #006699.
-
- R 10
- G 42
- B 64
-
- C 85
- M 34
- Y 0
- K 36
● #196ba2 color description : Dark blue.
#196ba2 Color Conversion
The hexadecimal color #196ba2 has RGB values of R:25, G:107, B:162 and CMYK values of C:0.85, M:0.34, Y:0, K:0.36. Its decimal value is 1665954.
Hex triplet | 196ba2 | #196ba2 |
---|---|---|
RGB Decimal | 25, 107, 162 | rgb(25,107,162) |
RGB Percent | 9.8, 42, 63.5 | rgb(9.8%,42%,63.5%) |
CMYK | 85, 34, 0, 36 | |
HSL | 204.1°, 73.3, 36.7 | hsl(204.1,73.3%,36.7%) |
HSV (or HSB) | 204.1°, 84.6, 63.5 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 43.256, -3.342, -36.274 |
---|---|
XYZ | 12.179, 13.33, 36.111 |
xyY | 0.198, 0.216, 13.33 |
CIE-LCH | 43.256, 36.427, 264.737 |
CIE-LUV | 43.256, -25.768, -52.845 |
Hunter-Lab | 36.51, -4.35, -33.086 |
Binary | 00011001, 01101011, 10100010 |
Color Schemes with #196ba2
Alternatives to #196ba2
Below, you can see some colors close to #196ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#196ba2 Preview
This text has a font color of #196ba2.
<span style="color:#196ba2;">Text here</span>
This paragraph has a background color of #196ba2.
<p style="background-color:#196ba2;">Content here</p>
This element has a border color of #196ba2.
<div style="border:1px solid #196ba2;">Content here</div>
.text {color:#196ba2;}
.background {background-color:#196ba2;}
.border {border:1px solid #196ba2;}
Shades and Tints of #196ba2
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, #010609 is the darkest color, while #f7fbfe is the lightest one.
-
#010609
#010609
rgb(1,6,9)
-
#04111a
#04111a
rgb(4,17,26)
-
#071c2b
#071c2b
rgb(7,28,43)
-
#09283c
#09283c
rgb(9,40,60)
-
#0c334d
#0c334d
rgb(12,51,77)
-
#0f3e5e
#0f3e5e
rgb(15,62,94)
-
#11496f
#11496f
rgb(17,73,111)
-
#145580
#145580
rgb(20,85,128)
-
#166091
#166091
rgb(22,96,145)
-
#196ba2
#196ba2
rgb(25,107,162)
-
#1c76b3
#1c76b3
rgb(28,118,179)
-
#1e81c4
#1e81c4
rgb(30,129,196)
-
#218dd5
#218dd5
rgb(33,141,213)
-
#2b96de
#2b96de
rgb(43,150,222)
-
#3c9fe1
#3c9fe1
rgb(60,159,225)
-
#4da7e4
#4da7e4
rgb(77,167,228)
-
#5eb0e6
#5eb0e6
rgb(94,176,230)
-
#6fb8e9
#6fb8e9
rgb(111,184,233)
-
#80c0eb
#80c0eb
rgb(128,192,235)
-
#91c9ee
#91c9ee
rgb(145,201,238)
-
#a2d1f1
#a2d1f1
rgb(162,209,241)
-
#b3daf3
#b3daf3
rgb(179,218,243)
-
#c4e2f6
#c4e2f6
rgb(196,226,246)
-
#d5eaf9
#d5eaf9
rgb(213,234,249)
-
#e6f3fb
#e6f3fb
rgb(230,243,251)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #196ba2
A tone is produced by adding gray to any pure hue. In this case, #5a5e61 is the less saturated color, while #036fb8 is the most saturated one.
-
#5a5e61
#5a5e61
rgb(90,94,97)
-
#536068
#536068
rgb(83,96,104)
-
#4b6170
#4b6170
rgb(75,97,112)
-
#446277
#446277
rgb(68,98,119)
-
#3d647e
#3d647e
rgb(61,100,126)
-
#366585
#366585
rgb(54,101,133)
-
#2f678c
#2f678c
rgb(47,103,140)
-
#276894
#276894
rgb(39,104,148)
-
#206a9b
#206a9b
rgb(32,106,155)
-
#196ba2
#196ba2
rgb(25,107,162)
-
#126ca9
#126ca9
rgb(18,108,169)
-
#0b6eb0
#0b6eb0
rgb(11,110,176)
-
#036fb8
#036fb8
rgb(3,111,184)
Color Blindness Simulator
Below, you can see how #196ba2 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.