#198aaf hex color

In a RGB color space, hex #198aaf is composed of 9.8% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 194.8 degrees, a saturation of 75% and a lightness of 39.2%. #198aaf color hex could be obtained by blending #32ffff with #00155f. Closest websafe color is: #009999.

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

● #198aaf color description : Dark cyan.

The hexadecimal color #198aaf has RGB values of R:25, G:138, B:175 and CMYK values of C:0.86, M:0.21, Y:0, K:0.31. Its decimal value is 1673903.

Hex triplet	198aaf	`#198aaf`
RGB Decimal	25, 138, 175	`rgb(25,138,175)`
RGB Percent	9.8, 54.1, 68.6	`rgb(9.8%,54.1%,68.6%)`
CMYK	86, 21, 0, 31
HSL	194.8°, 75, 39.2	`hsl(194.8,75%,39.2%)`
HSV (or HSB)	194.8°, 85.7, 68.6
Web Safe	009999	`#009999`

CIE-LAB	53.468, -16.479, -27.859
XYZ	17.225, 21.477, 43.793
xyY	0.209, 0.26, 21.477
CIE-LCH	53.468, 32.368, 239.395
CIE-LUV	53.468, -35.782, -40.131
Hunter-Lab	46.343, -14.755, -23.586
Binary	00011001, 10001010, 10101111

#198aaf
```
#198aaf rgb(25,138,175)
```
#af3e19
```
#af3e19 rgb(175,62,25)
```

Complementary Color

#19af89
```
#19af89 rgb(25,175,137)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#193faf
```
#193faf rgb(25,63,175)
```

Analogous Color

#af8919
```
#af8919 rgb(175,137,25)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#af193f
```
#af193f rgb(175,25,63)
```

Split Complementary Color

#8aaf19
```
#8aaf19 rgb(138,175,25)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#af198a
```
#af198a rgb(175,25,138)
```

Triadic Color

#19af3e
```
#19af3e rgb(25,175,62)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#af198a
```
#af198a rgb(175,25,138)
```
#af3e19
```
#af3e19 rgb(175,62,25)
```

Tetradic Color

#0f556c
```
#0f556c rgb(15,85,108)
```
#136782
```
#136782 rgb(19,103,130)
```
#167899
```
#167899 rgb(22,120,153)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#1c9cc5
```
#1c9cc5 rgb(28,156,197)
```
#1faddc
```
#1faddc rgb(31,173,220)
```
#33b7e2
```
#33b7e2 rgb(51,183,226)
```

Monochromatic Color

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

#19afaf
```
#19afaf rgb(25,175,175)
```
#19a3af
```
#19a3af rgb(25,163,175)
```
#1997af
```
#1997af rgb(25,151,175)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#197eaf
```
#197eaf rgb(25,126,175)
```
#1971af
```
#1971af rgb(25,113,175)
```
#1965af
```
#1965af rgb(25,101,175)
```

Similar Colors

Text with hexadecimal color #198aaf

This text has a font color of #198aaf.

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

#198aaf background color

This paragraph has a background color of #198aaf.

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

#198aaf border color

This element has a border color of #198aaf.

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

CSS codes

.text {color:#198aaf;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#031015
```
#031015 rgb(3,16,21)
```
#051e26
```
#051e26 rgb(5,30,38)
```
#082b37
```
#082b37 rgb(8,43,55)
```
#0a3948
```
#0a3948 rgb(10,57,72)
```
#0d4659
```
#0d4659 rgb(13,70,89)
```
#0f546a
```
#0f546a rgb(15,84,106)
```
#12617c
```
#12617c rgb(18,97,124)
```
#146f8d
```
#146f8d rgb(20,111,141)
```
#177c9e
```
#177c9e rgb(23,124,158)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#1b98c0
```
#1b98c0 rgb(27,152,192)
```
#1ea5d1
```
#1ea5d1 rgb(30,165,209)
```

Shade Color Variation

#23b1e0
```
#23b1e0 rgb(35,177,224)
```
#34b7e2
```
#34b7e2 rgb(52,183,226)
```
#46bde5
```
#46bde5 rgb(70,189,229)
```
#57c3e7
```
#57c3e7 rgb(87,195,231)
```
#68c9e9
```
#68c9e9 rgb(104,201,233)
```
#79d0ec
```
#79d0ec rgb(121,208,236)
```
#8ad6ee
```
#8ad6ee rgb(138,214,238)
```
#9bdcf1
```
#9bdcf1 rgb(155,220,241)
```
#ade2f3
```
#ade2f3 rgb(173,226,243)
```
#bee8f6
```
#bee8f6 rgb(190,232,246)
```
#cfeef8
```
#cfeef8 rgb(207,238,248)
```
#e0f4fb
```
#e0f4fb rgb(224,244,251)
```
#f1fafd
```
#f1fafd rgb(241,250,253)
```

Tint Color Variation

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

#5e676a
```
#5e676a rgb(94,103,106)
```
#576b71
```
#576b71 rgb(87,107,113)
```
#4f6f79
```
#4f6f79 rgb(79,111,121)
```
#477381
```
#477381 rgb(71,115,129)
```
#3f7789
```
#3f7789 rgb(63,119,137)
```
#387a90
```
#387a90 rgb(56,122,144)
```
#307e98
```
#307e98 rgb(48,126,152)
```
#2882a0
```
#2882a0 rgb(40,130,160)
```
#2186a7
```
#2186a7 rgb(33,134,167)
```
#198aaf
```
#198aaf rgb(25,138,175)
```
#118eb7
```
#118eb7 rgb(17,142,183)
```
#0a92be
```
#0a92be rgb(10,146,190)
```
#0296c6
```
#0296c6 rgb(2,150,198)
```

Tone Color Variation

Below, you can see how #198aaf 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
#5b7279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84ab Protanopia 1% of men
#7385b7 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5786ac Protanomaly 1% of men, 0.01% of women
#5286b4 Deuteranomaly 6% of men, 0.4% of women
#098fa4 Tritanomaly 0.01% of the population

#198aaf hex color

#198aaf Color Information

#198aaf Color Conversion

Color Schemes with #198aaf

Alternatives to #198aaf

#198aaf Preview

Shades and Tints of #198aaf

Tones of #198aaf

Color Blindness Simulator