#12b6ed hex color

In a RGB color space, hex #12b6ed is composed of 7.1% red, 71.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 23.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 195.1 degrees, a saturation of 85.9% and a lightness of 50%. #12b6ed color hex could be obtained by blending #24ffff with #006ddb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 7
- G 71
- B 93
RGB color chart
- C 92
- M 23
- Y 0
- K 7
CMYK color chart

● #12b6ed color description : Vivid blue.

The hexadecimal color #12b6ed has RGB values of R:18, G:182, B:237 and CMYK values of C:0.92, M:0.23, Y:0, K:0.07. Its decimal value is 1226477.

Hex triplet	12b6ed	`#12b6ed`
RGB Decimal	18, 182, 237	`rgb(18,182,237)`
RGB Percent	7.1, 71.4, 92.9	`rgb(7.1%,71.4%,92.9%)`
CMYK	92, 23, 0, 7
HSL	195.1°, 85.9, 50	`hsl(195.1,85.9%,50%)`
HSV (or HSB)	195.1°, 92.4, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.252, -18.694, -37.943
XYZ	32.259, 39.696, 86.078
xyY	0.204, 0.251, 39.696
CIE-LCH	69.252, 42.298, 243.772
CIE-LUV	69.252, -46.983, -58.585
Hunter-Lab	63.005, -18.863, -36.9
Binary	00010010, 10110110, 11101101

#12b6ed
```
#12b6ed rgb(18,182,237)
```
#ed4912
```
#ed4912 rgb(237,73,18)
```

Complementary Color

#12edb7
```
#12edb7 rgb(18,237,183)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#1249ed
```
#1249ed rgb(18,73,237)
```

Analogous Color

#edb712
```
#edb712 rgb(237,183,18)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#ed1249
```
#ed1249 rgb(237,18,73)
```

Split Complementary Color

#b6ed12
```
#b6ed12 rgb(182,237,18)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#ed12b6
```
#ed12b6 rgb(237,18,182)
```

Triadic Color

#12ed49
```
#12ed49 rgb(18,237,73)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#ed12b6
```
#ed12b6 rgb(237,18,182)
```
#ed4912
```
#ed4912 rgb(237,73,18)
```

Tetradic Color

#0d7fa6
```
#0d7fa6 rgb(13,127,166)
```
#0e92be
```
#0e92be rgb(14,146,190)
```
#10a4d5
```
#10a4d5 rgb(16,164,213)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#2abdef
```
#2abdef rgb(42,189,239)
```
#41c5f1
```
#41c5f1 rgb(65,197,241)
```
#59ccf2
```
#59ccf2 rgb(89,204,242)
```

Monochromatic Color

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

#12eded
```
#12eded rgb(18,237,237)
```
#12dbed
```
#12dbed rgb(18,219,237)
```
#12c8ed
```
#12c8ed rgb(18,200,237)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#12a4ed
```
#12a4ed rgb(18,164,237)
```
#1292ed
```
#1292ed rgb(18,146,237)
```
#127fed
```
#127fed rgb(18,127,237)
```

Similar Colors

Text with hexadecimal color #12b6ed

This text has a font color of #12b6ed.

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

#12b6ed background color

This paragraph has a background color of #12b6ed.

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

#12b6ed border color

This element has a border color of #12b6ed.

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

CSS codes

.text {color:#12b6ed;}

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

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

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

#010e12
```
#010e12 rgb(1,14,18)
```
#031c24
```
#031c24 rgb(3,28,36)
```
#042a37
```
#042a37 rgb(4,42,55)
```
#063849
```
#063849 rgb(6,56,73)
```
#07465b
```
#07465b rgb(7,70,91)
```
#08546d
```
#08546d rgb(8,84,109)
```
#0a6280
```
#0a6280 rgb(10,98,128)
```
#0b7092
```
#0b7092 rgb(11,112,146)
```
#0c7ea4
```
#0c7ea4 rgb(12,126,164)
```
#0e8cb6
```
#0e8cb6 rgb(14,140,182)
```
#0f9ac9
```
#0f9ac9 rgb(15,154,201)
```
#11a8db
```
#11a8db rgb(17,168,219)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```

Shade Color Variation

#24bcee
```
#24bcee rgb(36,188,238)
```
#36c1f0
```
#36c1f0 rgb(54,193,240)
```
#49c7f1
```
#49c7f1 rgb(73,199,241)
```
#5bccf3
```
#5bccf3 rgb(91,204,243)
```
#6dd2f4
```
#6dd2f4 rgb(109,210,244)
```
#7fd8f5
```
#7fd8f5 rgb(127,216,245)
```
#92ddf7
```
#92ddf7 rgb(146,221,247)
```
#a4e3f8
```
#a4e3f8 rgb(164,227,248)
```
#b6e9f9
```
#b6e9f9 rgb(182,233,249)
```
#c8eefb
```
#c8eefb rgb(200,238,251)
```
#dbf4fc
```
#dbf4fc rgb(219,244,252)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8081 is the less saturated color, while #08bbf7 is the most saturated one.

#7e8081
```
#7e8081 rgb(126,128,129)
```
#74858b
```
#74858b rgb(116,133,139)
```
#6a8a95
```
#6a8a95 rgb(106,138,149)
```
#608f9f
```
#608f9f rgb(96,143,159)
```
#5794a8
```
#5794a8 rgb(87,148,168)
```
#4d99b2
```
#4d99b2 rgb(77,153,178)
```
#439ebc
```
#439ebc rgb(67,158,188)
```
#39a2c6
```
#39a2c6 rgb(57,162,198)
```
#2fa7d0
```
#2fa7d0 rgb(47,167,208)
```
#26acd9
```
#26acd9 rgb(38,172,217)
```
#1cb1e3
```
#1cb1e3 rgb(28,177,227)
```
#12b6ed
```
#12b6ed rgb(18,182,237)
```
#08bbf7
```
#08bbf7 rgb(8,187,247)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#73949f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cabe4 Protanopia 1% of men
#8facf3 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#69afe7 Protanomaly 1% of men, 0.01% of women
#61aff1 Deuteranomaly 6% of men, 0.4% of women
#06bbd7 Tritanomaly 0.01% of the population

#12b6ed hex color

#12b6ed Color Information

#12b6ed Color Conversion

Color Schemes with #12b6ed

Alternatives to #12b6ed

#12b6ed Preview

Shades and Tints of #12b6ed

Tones of #12b6ed

Color Blindness Simulator