#196faf hex color

In a RGB color space, hex #196faf is composed of 9.8% red, 43.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 36.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 205.6 degrees, a saturation of 75% and a lightness of 39.2%. #196faf color hex could be obtained by blending #32deff with #00005f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 44
- B 69
RGB color chart
- C 86
- M 37
- Y 0
- K 31
CMYK color chart

● #196faf color description : Dark blue.

The hexadecimal color #196faf has RGB values of R:25, G:111, B:175 and CMYK values of C:0.86, M:0.37, Y:0, K:0.31. Its decimal value is 1666991.

Hex triplet	196faf	`#196faf`
RGB Decimal	25, 111, 175	`rgb(25,111,175)`
RGB Percent	9.8, 43.5, 68.6	`rgb(9.8%,43.5%,68.6%)`
CMYK	86, 37, 0, 31
HSL	205.6°, 75, 39.2	`hsl(205.6,75%,39.2%)`
HSV (or HSB)	205.6°, 85.7, 68.6
Web Safe	006699	`#006699`

CIE-LAB	45.178, -0.768, -40.865
XYZ	13.821, 14.669, 42.658
xyY	0.194, 0.206, 14.669
CIE-LCH	45.178, 40.872, 268.923
CIE-LUV	45.178, -26.458, -60.765
Hunter-Lab	38.301, -2.612, -39.225
Binary	00011001, 01101111, 10101111

#196faf
```
#196faf rgb(25,111,175)
```
#af5919
```
#af5919 rgb(175,89,25)
```

Complementary Color

#19afa4
```
#19afa4 rgb(25,175,164)
```
#196faf
```
#196faf rgb(25,111,175)
```
#1924af
```
#1924af rgb(25,36,175)
```

Analogous Color

#afa419
```
#afa419 rgb(175,164,25)
```
#196faf
```
#196faf rgb(25,111,175)
```
#af1924
```
#af1924 rgb(175,25,36)
```

Split Complementary Color

#6faf19
```
#6faf19 rgb(111,175,25)
```
#196faf
```
#196faf rgb(25,111,175)
```
#af196f
```
#af196f rgb(175,25,111)
```

Triadic Color

#19af59
```
#19af59 rgb(25,175,89)
```
#196faf
```
#196faf rgb(25,111,175)
```
#af196f
```
#af196f rgb(175,25,111)
```
#af5919
```
#af5919 rgb(175,89,25)
```

Tetradic Color

#0f456c
```
#0f456c rgb(15,69,108)
```
#135382
```
#135382 rgb(19,83,130)
```
#166199
```
#166199 rgb(22,97,153)
```
#196faf
```
#196faf rgb(25,111,175)
```
#1c7dc5
```
#1c7dc5 rgb(28,125,197)
```
#1f8bdc
```
#1f8bdc rgb(31,139,220)
```
#3397e2
```
#3397e2 rgb(51,151,226)
```

Monochromatic Color

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

#1995af
```
#1995af rgb(25,149,175)
```
#1988af
```
#1988af rgb(25,136,175)
```
#197caf
```
#197caf rgb(25,124,175)
```
#196faf
```
#196faf rgb(25,111,175)
```
#1963af
```
#1963af rgb(25,99,175)
```
#1956af
```
#1956af rgb(25,86,175)
```
#194aaf
```
#194aaf rgb(25,74,175)
```

Similar Colors

Text with hexadecimal color #196faf

This text has a font color of #196faf.

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

#196faf background color

This paragraph has a background color of #196faf.

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

#196faf border color

This element has a border color of #196faf.

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

CSS codes

.text {color:#196faf;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030d15
```
#030d15 rgb(3,13,21)
```
#051826
```
#051826 rgb(5,24,38)
```
#082337
```
#082337 rgb(8,35,55)
```
#0a2e48
```
#0a2e48 rgb(10,46,72)
```
#0d3959
```
#0d3959 rgb(13,57,89)
```
#0f436a
```
#0f436a rgb(15,67,106)
```
#124e7c
```
#124e7c rgb(18,78,124)
```
#14598d
```
#14598d rgb(20,89,141)
```
#17649e
```
#17649e rgb(23,100,158)
```
#196faf
```
#196faf rgb(25,111,175)
```
#1b7ac0
```
#1b7ac0 rgb(27,122,192)
```
#1e85d1
```
#1e85d1 rgb(30,133,209)
```

Shade Color Variation

#238fe0
```
#238fe0 rgb(35,143,224)
```
#3498e2
```
#3498e2 rgb(52,152,226)
```
#46a1e5
```
#46a1e5 rgb(70,161,229)
```
#57a9e7
```
#57a9e7 rgb(87,169,231)
```
#68b2e9
```
#68b2e9 rgb(104,178,233)
```
#79bbec
```
#79bbec rgb(121,187,236)
```
#8ac4ee
```
#8ac4ee rgb(138,196,238)
```
#9bccf1
```
#9bccf1 rgb(155,204,241)
```
#add5f3
```
#add5f3 rgb(173,213,243)
```
#bedef6
```
#bedef6 rgb(190,222,246)
```
#cfe7f8
```
#cfe7f8 rgb(207,231,248)
```
#e0effb
```
#e0effb rgb(224,239,251)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#5e656a
```
#5e656a rgb(94,101,106)
```
#576671
```
#576671 rgb(87,102,113)
```
#4f6779
```
#4f6779 rgb(79,103,121)
```
#476881
```
#476881 rgb(71,104,129)
```
#3f6989
```
#3f6989 rgb(63,105,137)
```
#386a90
```
#386a90 rgb(56,106,144)
```
#306c98
```
#306c98 rgb(48,108,152)
```
#286da0
```
#286da0 rgb(40,109,160)
```
#216ea7
```
#216ea7 rgb(33,110,167)
```
#196faf
```
#196faf rgb(25,111,175)
```
#1170b7
```
#1170b7 rgb(17,112,183)
```
#0a71be
```
#0a71be rgb(10,113,190)
```
#0272c6
```
#0272c6 rgb(2,114,198)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4f616d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5970ae Protanopia 1% of men
#4373b4 Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#4170ae Protanomaly 1% of men, 0.01% of women
#3371b2 Deuteranomaly 6% of men, 0.4% of women
#097894 Tritanomaly 0.01% of the population

#196faf hex color

#196faf Color Information

#196faf Color Conversion

Color Schemes with #196faf

Alternatives to #196faf

#196faf Preview

Shades and Tints of #196faf

Tones of #196faf

Color Blindness Simulator