#12b498 hex color

In a RGB color space, hex #12b498 is composed of 7.1% red, 70.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 0% magenta, 15.6% yellow and 29.4% black. It has a hue angle of 169.6 degrees, a saturation of 81.8% and a lightness of 38.8%. #12b498 color hex could be obtained by blending #24ffff with #006931. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 71
- B 60
RGB color chart
- C 90
- M 0
- Y 16
- K 29
CMYK color chart

● #12b498 color description : Strong cyan.

The hexadecimal color #12b498 has RGB values of R:18, G:180, B:152 and CMYK values of C:0.9, M:0, Y:0.16, K:0.29. Its decimal value is 1225880.

Hex triplet	12b498	`#12b498`
RGB Decimal	18, 180, 152	`rgb(18,180,152)`
RGB Percent	7.1, 70.6, 59.6	`rgb(7.1%,70.6%,59.6%)`
CMYK	90, 0, 16, 29
HSL	169.6°, 81.8, 38.8	`hsl(169.6,81.8%,38.8%)`
HSV (or HSB)	169.6°, 90, 70.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	65.777, -44.395, 3.607
XYZ	22.236, 35.036, 35.295
xyY	0.24, 0.378, 35.036
CIE-LCH	65.777, 44.542, 175.355
CIE-LUV	65.777, -52.817, 12.023
Hunter-Lab	59.191, -36.528, 6.08
Binary	00010010, 10110100, 10011000

#12b498
```
#12b498 rgb(18,180,152)
```
#b4122e
```
#b4122e rgb(180,18,46)
```

Complementary Color

#12b447
```
#12b447 rgb(18,180,71)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#127fb4
```
#127fb4 rgb(18,127,180)
```

Analogous Color

#b44712
```
#b44712 rgb(180,71,18)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#b4127f
```
#b4127f rgb(180,18,127)
```

Split Complementary Color

#b49812
```
#b49812 rgb(180,152,18)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#9812b4
```
#9812b4 rgb(152,18,180)
```

Triadic Color

#2eb412
```
#2eb412 rgb(46,180,18)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#9812b4
```
#9812b4 rgb(152,18,180)
```
#b4122e
```
#b4122e rgb(180,18,46)
```

Tetradic Color

#0b6e5d
```
#0b6e5d rgb(11,110,93)
```
#0d8671
```
#0d8671 rgb(13,134,113)
```
#109d84
```
#109d84 rgb(16,157,132)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#14cbac
```
#14cbac rgb(20,203,172)
```
#17e2bf
```
#17e2bf rgb(23,226,191)
```
#29eac8
```
#29eac8 rgb(41,234,200)
```

Monochromatic Color

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

#12b470
```
#12b470 rgb(18,180,112)
```
#12b47d
```
#12b47d rgb(18,180,125)
```
#12b48b
```
#12b48b rgb(18,180,139)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#12b4a6
```
#12b4a6 rgb(18,180,166)
```
#12b4b3
```
#12b4b3 rgb(18,180,179)
```
#12a8b4
```
#12a8b4 rgb(18,168,180)
```

Similar Colors

Text with hexadecimal color #12b498

This text has a font color of #12b498.

<span style="color:#12b498;">Text here</span>

#12b498 background color

This paragraph has a background color of #12b498.

<p style="background-color:#12b498;">Content here</p>

#12b498 border color

This element has a border color of #12b498.

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

CSS codes

.text {color:#12b498;}

.background {background-color:#12b498;}

.border {border:1px solid #12b498;}

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

#000201
```
#000201 rgb(0,2,1)
```
#021410
```
#021410 rgb(2,20,16)
```
#042520
```
#042520 rgb(4,37,32)
```
#06372f
```
#06372f rgb(6,55,47)
```
#07493e
```
#07493e rgb(7,73,62)
```
#095b4d
```
#095b4d rgb(9,91,77)
```
#0b6d5c
```
#0b6d5c rgb(11,109,92)
```
#0d7f6b
```
#0d7f6b rgb(13,127,107)
```
#0e907a
```
#0e907a rgb(14,144,122)
```
#10a289
```
#10a289 rgb(16,162,137)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#14c6a7
```
#14c6a7 rgb(20,198,167)
```
#16d8b6
```
#16d8b6 rgb(22,216,182)
```

Shade Color Variation

#19e8c4
```
#19e8c4 rgb(25,232,196)
```
#2beac9
```
#2beac9 rgb(43,234,201)
```
#3deccd
```
#3deccd rgb(61,236,205)
```
#4eedd2
```
#4eedd2 rgb(78,237,210)
```
#60efd6
```
#60efd6 rgb(96,239,214)
```
#72f1db
```
#72f1db rgb(114,241,219)
```
#84f3e0
```
#84f3e0 rgb(132,243,224)
```
#96f4e4
```
#96f4e4 rgb(150,244,228)
```
#a8f6e9
```
#a8f6e9 rgb(168,246,233)
```
#b9f8ed
```
#b9f8ed rgb(185,248,237)
```
#cbfaf2
```
#cbfaf2 rgb(203,250,242)
```
#ddfcf6
```
#ddfcf6 rgb(221,252,246)
```
#effdfb
```
#effdfb rgb(239,253,251)
```

Tint Color Variation

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

#5e6866
```
#5e6866 rgb(94,104,102)
```
#576f6b
```
#576f6b rgb(87,111,107)
```
#4f7770
```
#4f7770 rgb(79,119,112)
```
#477f75
```
#477f75 rgb(71,127,117)
```
#40867a
```
#40867a rgb(64,134,122)
```
#388e7f
```
#388e7f rgb(56,142,127)
```
#309684
```
#309684 rgb(48,150,132)
```
#299d89
```
#299d89 rgb(41,157,137)
```
#21a58e
```
#21a58e rgb(33,165,142)
```
#1aac93
```
#1aac93 rgb(26,172,147)
```
#12b498
```
#12b498 rgb(18,180,152)
```
#0abc9d
```
#0abc9d rgb(10,188,157)
```
#03c3a2
```
#03c3a2 rgb(3,195,162)
```

Tone Color Variation

Below, you can see how #12b498 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

#808080 Achromatopsia 0.005% of the population
#6a8a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba493 Protanopia 1% of men
#b39fa5 Deuteranopia 1% of men
#42b2bf Tritanopia 0.001% of the population

Trichromacy

#73a995 Protanomaly 1% of men, 0.01% of women
#78a7a0 Deuteranomaly 6% of men, 0.4% of women
#30b3b1 Tritanomaly 0.01% of the population

#12b498 hex color

#12b498 Color Information

#12b498 Color Conversion

Color Schemes with #12b498

Alternatives to #12b498

#12b498 Preview

Shades and Tints of #12b498

Tones of #12b498

Color Blindness Simulator