#12abbe hex color

In a RGB color space, hex #12abbe is composed of 7.1% red, 67.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 10% magenta, 0% yellow and 25.5% black. It has a hue angle of 186.6 degrees, a saturation of 82.7% and a lightness of 40.8%. #12abbe color hex could be obtained by blending #24ffff with #00577d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 67
- B 75
RGB color chart
- C 91
- M 10
- Y 0
- K 25
CMYK color chart

● #12abbe color description : Strong cyan.

The hexadecimal color #12abbe has RGB values of R:18, G:171, B:190 and CMYK values of C:0.91, M:0.1, Y:0, K:0.25. Its decimal value is 1223614.

Hex triplet	12abbe	`#12abbe`
RGB Decimal	18, 171, 190	`rgb(18,171,190)`
RGB Percent	7.1, 67.1, 74.5	`rgb(7.1%,67.1%,74.5%)`
CMYK	91, 10, 0, 25
HSL	186.6°, 82.7, 40.8	`hsl(186.6,82.7%,40.8%)`
HSV (or HSB)	186.6°, 90.5, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.136, -28.93, -19.954
XYZ	24.104, 32.97, 53.806
xyY	0.217, 0.297, 32.97
CIE-LCH	64.136, 35.144, 214.594
CIE-LUV	64.136, -46.746, -26.694
Hunter-Lab	57.419, -25.551, -15.365
Binary	00010010, 10101011, 10111110

#12abbe
```
#12abbe rgb(18,171,190)
```
#be2512
```
#be2512 rgb(190,37,18)
```

Complementary Color

#12be7b
```
#12be7b rgb(18,190,123)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#1255be
```
#1255be rgb(18,85,190)
```

Analogous Color

#be7b12
```
#be7b12 rgb(190,123,18)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#be1255
```
#be1255 rgb(190,18,85)
```

Split Complementary Color

#abbe12
```
#abbe12 rgb(171,190,18)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#be12ab
```
#be12ab rgb(190,18,171)
```

Triadic Color

#12be25
```
#12be25 rgb(18,190,37)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#be12ab
```
#be12ab rgb(190,18,171)
```
#be2512
```
#be2512 rgb(190,37,18)
```

Tetradic Color

#0b6c78
```
#0b6c78 rgb(11,108,120)
```
#0e818f
```
#0e818f rgb(14,129,143)
```
#1096a7
```
#1096a7 rgb(16,150,167)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#14c0d5
```
#14c0d5 rgb(20,192,213)
```
#1ad2e9
```
#1ad2e9 rgb(26,210,233)
```
#31d7eb
```
#31d7eb rgb(49,215,235)
```

Monochromatic Color

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

#12bea6
```
#12bea6 rgb(18,190,166)
```
#12beb4
```
#12beb4 rgb(18,190,180)
```
#12b9be
```
#12b9be rgb(18,185,190)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#129dbe
```
#129dbe rgb(18,157,190)
```
#128ebe
```
#128ebe rgb(18,142,190)
```
#1280be
```
#1280be rgb(18,128,190)
```

Similar Colors

Text with hexadecimal color #12abbe

This text has a font color of #12abbe.

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

#12abbe background color

This paragraph has a background color of #12abbe.

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

#12abbe border color

This element has a border color of #12abbe.

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

CSS codes

.text {color:#12abbe;}

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

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

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, #010a0b is the darkest color, while #f8fefe is the lightest one.

#010a0b
```
#010a0b rgb(1,10,11)
```
#031a1d
```
#031a1d rgb(3,26,29)
```
#042a2f
```
#042a2f rgb(4,42,47)
```
#063a41
```
#063a41 rgb(6,58,65)
```
#084a52
```
#084a52 rgb(8,74,82)
```
#0a5a64
```
#0a5a64 rgb(10,90,100)
```
#0b6a76
```
#0b6a76 rgb(11,106,118)
```
#0d7b88
```
#0d7b88 rgb(13,123,136)
```
#0f8b9a
```
#0f8b9a rgb(15,139,154)
```
#109bac
```
#109bac rgb(16,155,172)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#14bbd0
```
#14bbd0 rgb(20,187,208)
```
#15cbe2
```
#15cbe2 rgb(21,203,226)
```

Shade Color Variation

#21d4ea
```
#21d4ea rgb(33,212,234)
```
#33d7ec
```
#33d7ec rgb(51,215,236)
```
#45dbed
```
#45dbed rgb(69,219,237)
```
#57deef
```
#57deef rgb(87,222,239)
```
#69e2f1
```
#69e2f1 rgb(105,226,241)
```
#7ae5f2
```
#7ae5f2 rgb(122,229,242)
```
#8ce9f4
```
#8ce9f4 rgb(140,233,244)
```
#9eecf6
```
#9eecf6 rgb(158,236,246)
```
#b0f0f8
```
#b0f0f8 rgb(176,240,248)
```
#c2f3f9
```
#c2f3f9 rgb(194,243,249)
```
#d4f7fb
```
#d4f7fb rgb(212,247,251)
```
#e6fafd
```
#e6fafd rgb(230,250,253)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626d6e is the less saturated color, while #02b7ce is the most saturated one.

#626d6e
```
#626d6e rgb(98,109,110)
```
#5a7376
```
#5a7376 rgb(90,115,118)
```
#52797e
```
#52797e rgb(82,121,126)
```
#4a7f86
```
#4a7f86 rgb(74,127,134)
```
#42868e
```
#42868e rgb(66,134,142)
```
#3a8c96
```
#3a8c96 rgb(58,140,150)
```
#32929e
```
#32929e rgb(50,146,158)
```
#2a98a6
```
#2a98a6 rgb(42,152,166)
```
#229fae
```
#229fae rgb(34,159,174)
```
#1aa5b6
```
#1aa5b6 rgb(26,165,182)
```
#12abbe
```
#12abbe rgb(18,171,190)
```
#0ab1c6
```
#0ab1c6 rgb(10,177,198)
```
#02b7ce
```
#02b7ce rgb(2,183,206)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#69888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9fb7 Protanopia 1% of men
#999dc8 Deuteranopia 1% of men
#0fb0bd Tritanopia 0.001% of the population

Trichromacy

#69a3b9 Protanomaly 1% of men, 0.01% of women
#68a2c4 Deuteranomaly 6% of men, 0.4% of women
#10aebd Tritanomaly 0.01% of the population

#12abbe hex color

#12abbe Color Information

#12abbe Color Conversion

Color Schemes with #12abbe

Alternatives to #12abbe

#12abbe Preview

Shades and Tints of #12abbe

Tones of #12abbe

Color Blindness Simulator