colorhexa.com

#195ba0 hex color

In a RGB color space, hex #195ba0 is composed of 9.8% red, 35.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 43.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 210.7 degrees, a saturation of 73% and a lightness of 36.3%. #195ba0 color hex could be obtained by blending #32b6ff with #000041. Closest websafe color is: #006699.

- R 10
- G 36
- B 63
RGB color chart
- C 84
- M 43
- Y 0
- K 37
CMYK color chart

● #195ba0 color description : Dark blue.

The hexadecimal color #195ba0 has RGB values of R:25, G:91, B:160 and CMYK values of C:0.84, M:0.43, Y:0, K:0.37. Its decimal value is 1661856.

Hex triplet	195ba0	`#195ba0`
RGB Decimal	25, 91, 160	`rgb(25,91,160)`
RGB Percent	9.8, 35.7, 62.7	`rgb(9.8%,35.7%,62.7%)`
CMYK	84, 43, 0, 37
HSL	210.7°, 73, 36.3	`hsl(210.7,73%,36.3%)`
HSV (or HSB)	210.7°, 84.4, 62.7
Web Safe	006699	`#006699`

CIE-LAB	38.245, 5.989, -43.055
XYZ	10.486, 10.226, 34.677
xyY	0.189, 0.185, 10.226
CIE-LCH	38.245, 43.47, 277.919
CIE-LUV	38.245, -20.525, -62.052
Hunter-Lab	31.978, 2.569, -41.909
Binary	00011001, 01011011, 10100000

#195ba0
```
#195ba0 rgb(25,91,160)
```
#a05e19
```
#a05e19 rgb(160,94,25)
```

Complementary Color

#199fa0
```
#199fa0 rgb(25,159,160)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#1a19a0
```
#1a19a0 rgb(26,25,160)
```

Analogous Color

#9fa019
```
#9fa019 rgb(159,160,25)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#a01a19
```
#a01a19 rgb(160,26,25)
```

Split Complementary Color

#5ba019
```
#5ba019 rgb(91,160,25)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#a0195b
```
#a0195b rgb(160,25,91)
```

Triadic Color

#0f355e
```
#0f355e rgb(15,53,94)
```
#124274
```
#124274 rgb(18,66,116)
```
#164e8a
```
#164e8a rgb(22,78,138)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#1c68b6
```
#1c68b6 rgb(28,104,182)
```
#2074cc
```
#2074cc rgb(32,116,204)
```
#2881dd
```
#2881dd rgb(40,129,221)
```

Monochromatic Color

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

#197da0
```
#197da0 rgb(25,125,160)
```
#1972a0
```
#1972a0 rgb(25,114,160)
```
#1966a0
```
#1966a0 rgb(25,102,160)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#1950a0
```
#1950a0 rgb(25,80,160)
```
#1945a0
```
#1945a0 rgb(25,69,160)
```
#1939a0
```
#1939a0 rgb(25,57,160)
```

Similar Colors

Text with hexadecimal color #195ba0

This text has a font color of #195ba0.

<span style="color:#195ba0;">Text here</span>

#195ba0 background color

This paragraph has a background color of #195ba0.

<p style="background-color:#195ba0;">Content here</p>

#195ba0 border color

This element has a border color of #195ba0.

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

CSS codes

.text {color:#195ba0;}

.background {background-color:#195ba0;}

.border {border:1px solid #195ba0;}

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

#010407
```
#010407 rgb(1,4,7)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#061729
```
#061729 rgb(6,23,41)
```
#09213a
```
#09213a rgb(9,33,58)
```
#0c2b4b
```
#0c2b4b rgb(12,43,75)
```
#0e345c
```
#0e345c rgb(14,52,92)
```
#113e6d
```
#113e6d rgb(17,62,109)
```
#14487e
```
#14487e rgb(20,72,126)
```
#16518f
```
#16518f rgb(22,81,143)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#1c65b1
```
#1c65b1 rgb(28,101,177)
```
#1e6ec2
```
#1e6ec2 rgb(30,110,194)
```
#2178d3
```
#2178d3 rgb(33,120,211)
```

Shade Color Variation

#2a82de
```
#2a82de rgb(42,130,222)
```
#3b8ce0
```
#3b8ce0 rgb(59,140,224)
```
#4c96e3
```
#4c96e3 rgb(76,150,227)
```
#5da0e6
```
#5da0e6 rgb(93,160,230)
```
#6eaae8
```
#6eaae8 rgb(110,170,232)
```
#7fb4eb
```
#7fb4eb rgb(127,180,235)
```
#90beee
```
#90beee rgb(144,190,238)
```
#a1c7f0
```
#a1c7f0 rgb(161,199,240)
```
#b1d1f3
```
#b1d1f3 rgb(177,209,243)
```
#c2dbf6
```
#c2dbf6 rgb(194,219,246)
```
#d3e5f8
```
#d3e5f8 rgb(211,229,248)
```
#e4effb
```
#e4effb rgb(228,239,251)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#595c60
```
#595c60 rgb(89,92,96)
```
#525c67
```
#525c67 rgb(82,92,103)
```
#4b5c6e
```
#4b5c6e rgb(75,92,110)
```
#445c75
```
#445c75 rgb(68,92,117)
```
#3d5c7c
```
#3d5c7c rgb(61,92,124)
```
#355c84
```
#355c84 rgb(53,92,132)
```
#2e5b8b
```
#2e5b8b rgb(46,91,139)
```
#275b92
```
#275b92 rgb(39,91,146)
```
#205b99
```
#205b99 rgb(32,91,153)
```
#195ba0
```
#195ba0 rgb(25,91,160)
```
#125ba7
```
#125ba7 rgb(18,91,167)
```
#0b5bae
```
#0b5bae rgb(11,91,174)
```
#045bb5
```
#045bb5 rgb(4,91,181)
```

Tone Color Variation

Below, you can see how #195ba0 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

#4f4f4f Achromatopsia 0.005% of the population
#44515f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4260a2 Protanopia 1% of men
#1f63a4 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#335ea1 Protanomaly 1% of men, 0.01% of women
#1c60a3 Deuteranomaly 6% of men, 0.4% of women
#096683 Tritanomaly 0.01% of the population