#198ca2 hex color

In a RGB color space, hex #198ca2 is composed of 9.8% red, 54.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 13.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 189.6 degrees, a saturation of 73.3% and a lightness of 36.7%. #198ca2 color hex could be obtained by blending #32ffff with #001945. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 10
- G 55
- B 64
RGB color chart
- C 85
- M 14
- Y 0
- K 36
CMYK color chart

● #198ca2 color description : Dark cyan.

The hexadecimal color #198ca2 has RGB values of R:25, G:140, B:162 and CMYK values of C:0.85, M:0.14, Y:0, K:0.36. Its decimal value is 1674402.

Hex triplet	198ca2	`#198ca2`
RGB Decimal	25, 140, 162	`rgb(25,140,162)`
RGB Percent	9.8, 54.9, 63.5	`rgb(9.8%,54.9%,63.5%)`
CMYK	85, 14, 0, 36
HSL	189.6°, 73.3, 36.7	`hsl(189.6,73.3%,36.7%)`
HSV (or HSB)	189.6°, 84.6, 63.5
Web Safe	009999	`#009999`

CIE-LAB	53.568, -22.076, -20.228
XYZ	16.299, 21.57, 37.485
xyY	0.216, 0.286, 21.57
CIE-LCH	53.568, 29.942, 222.499
CIE-LUV	53.568, -37.395, -27.252
Hunter-Lab	46.443, -18.634, -15.343
Binary	00011001, 10001100, 10100010

#198ca2
```
#198ca2 rgb(25,140,162)
```
#a22f19
```
#a22f19 rgb(162,47,25)
```

Complementary Color

#19a274
```
#19a274 rgb(25,162,116)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#1948a2
```
#1948a2 rgb(25,72,162)
```

Analogous Color

#a27419
```
#a27419 rgb(162,116,25)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#a21948
```
#a21948 rgb(162,25,72)
```

Split Complementary Color

#8ca219
```
#8ca219 rgb(140,162,25)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#a2198c
```
#a2198c rgb(162,25,140)
```

Triadic Color

#19a22f
```
#19a22f rgb(25,162,47)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#a2198c
```
#a2198c rgb(162,25,140)
```
#a22f19
```
#a22f19 rgb(162,47,25)
```

Tetradic Color

#0f5360
```
#0f5360 rgb(15,83,96)
```
#126676
```
#126676 rgb(18,102,118)
```
#16798c
```
#16798c rgb(22,121,140)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#1c9fb8
```
#1c9fb8 rgb(28,159,184)
```
#20b2ce
```
#20b2ce rgb(32,178,206)
```
#29c1de
```
#29c1de rgb(41,193,222)
```

Monochromatic Color

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

#19a296
```
#19a296 rgb(25,162,150)
```
#19a2a1
```
#19a2a1 rgb(25,162,161)
```
#1997a2
```
#1997a2 rgb(25,151,162)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#1981a2
```
#1981a2 rgb(25,129,162)
```
#1975a2
```
#1975a2 rgb(25,117,162)
```
#196aa2
```
#196aa2 rgb(25,106,162)
```

Similar Colors

Text with hexadecimal color #198ca2

This text has a font color of #198ca2.

<span style="color:#198ca2;">Text here</span>

#198ca2 background color

This paragraph has a background color of #198ca2.

<p style="background-color:#198ca2;">Content here</p>

#198ca2 border color

This element has a border color of #198ca2.

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

CSS codes

.text {color:#198ca2;}

.background {background-color:#198ca2;}

.border {border:1px solid #198ca2;}

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

#010809
```
#010809 rgb(1,8,9)
```
#04171a
```
#04171a rgb(4,23,26)
```
#07252b
```
#07252b rgb(7,37,43)
```
#09343c
```
#09343c rgb(9,52,60)
```
#0c434d
```
#0c434d rgb(12,67,77)
```
#0f515e
```
#0f515e rgb(15,81,94)
```
#11606f
```
#11606f rgb(17,96,111)
```
#146f80
```
#146f80 rgb(20,111,128)
```
#167d91
```
#167d91 rgb(22,125,145)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#1c9bb3
```
#1c9bb3 rgb(28,155,179)
```
#1ea9c4
```
#1ea9c4 rgb(30,169,196)
```
#21b8d5
```
#21b8d5 rgb(33,184,213)
```

Shade Color Variation

#2bc2de
```
#2bc2de rgb(43,194,222)
```
#3cc6e1
```
#3cc6e1 rgb(60,198,225)
```
#4dcbe4
```
#4dcbe4 rgb(77,203,228)
```
#5ed0e6
```
#5ed0e6 rgb(94,208,230)
```
#6fd5e9
```
#6fd5e9 rgb(111,213,233)
```
#80daeb
```
#80daeb rgb(128,218,235)
```
#91dfee
```
#91dfee rgb(145,223,238)
```
#a2e4f1
```
#a2e4f1 rgb(162,228,241)
```
#b3e9f3
```
#b3e9f3 rgb(179,233,243)
```
#c4eef6
```
#c4eef6 rgb(196,238,246)
```
#d5f3f9
```
#d5f3f9 rgb(213,243,249)
```
#e6f8fb
```
#e6f8fb rgb(230,248,251)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#5a6061
```
#5a6061 rgb(90,96,97)
```
#536568
```
#536568 rgb(83,101,104)
```
#4b6a70
```
#4b6a70 rgb(75,106,112)
```
#446f77
```
#446f77 rgb(68,111,119)
```
#3d747e
```
#3d747e rgb(61,116,126)
```
#367885
```
#367885 rgb(54,120,133)
```
#2f7d8c
```
#2f7d8c rgb(47,125,140)
```
#278294
```
#278294 rgb(39,130,148)
```
#20879b
```
#20879b rgb(32,135,155)
```
#198ca2
```
#198ca2 rgb(25,140,162)
```
#1291a9
```
#1291a9 rgb(18,145,169)
```
#0b96b0
```
#0b96b0 rgb(11,150,176)
```
#039bb8
```
#039bb8 rgb(3,155,184)
```

Tone Color Variation

Below, you can see how #198ca2 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

#6c6c6c Achromatopsia 0.005% of the population
#5b7277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80859e Protanopia 1% of men
#7d84ac Deuteranopia 1% of men
#13939e Tritanopia 0.001% of the population

Trichromacy

#5b87a0 Protanomaly 1% of men, 0.01% of women
#5887a8 Deuteranomaly 6% of men, 0.4% of women
#15909f Tritanomaly 0.01% of the population

#198ca2 hex color

#198ca2 Color Information

#198ca2 Color Conversion

Color Schemes with #198ca2

Alternatives to #198ca2

#198ca2 Preview

Shades and Tints of #198ca2

Tones of #198ca2

Color Blindness Simulator