#12bff7 hex color

In a RGB color space, hex #12bff7 is composed of 7.1% red, 74.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 22.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 194.7 degrees, a saturation of 93.5% and a lightness of 52%. #12bff7 color hex could be obtained by blending #24ffff with #007fef. Closest websafe color is: #00ccff.

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

● #12bff7 color description : Vivid cyan.

The hexadecimal color #12bff7 has RGB values of R:18, G:191, B:247 and CMYK values of C:0.93, M:0.23, Y:0, K:0.03. Its decimal value is 1228791.

Hex triplet	12bff7	`#12bff7`
RGB Decimal	18, 191, 247	`rgb(18,191,247)`
RGB Percent	7.1, 74.9, 96.9	`rgb(7.1%,74.9%,96.9%)`
CMYK	93, 23, 0, 3
HSL	194.7°, 93.5, 52	`hsl(194.7,93.5%,52%)`
HSV (or HSB)	194.7°, 92.7, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	72.297, -19.954, -38.622
XYZ	35.664, 44.102, 94.623
xyY	0.205, 0.253, 44.102
CIE-LCH	72.297, 43.472, 242.677
CIE-LUV	72.297, -49.276, -59.923
Hunter-Lab	66.409, -20.355, -37.993
Binary	00010010, 10111111, 11110111

#12bff7
```
#12bff7 rgb(18,191,247)
```
#f74a12
```
#f74a12 rgb(247,74,18)
```

Complementary Color

#12f7bd
```
#12f7bd rgb(18,247,189)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```
#124cf7
```
#124cf7 rgb(18,76,247)
```

Analogous Color

#f7bd12
```
#f7bd12 rgb(247,189,18)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```
#f7124d
```
#f7124d rgb(247,18,77)
```

Split Complementary Color

#bff712
```
#bff712 rgb(191,247,18)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```
#f712bf
```
#f712bf rgb(247,18,191)
```

Triadic Color

#12f74a
```
#12f74a rgb(18,247,74)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```
#f712bf
```
#f712bf rgb(247,18,191)
```
#f74a12
```
#f74a12 rgb(247,74,18)
```

Tetradic Color

#068bb6
```
#068bb6 rgb(6,139,182)
```
#079ecf
```
#079ecf rgb(7,158,207)
```
#08b1e8
```
#08b1e8 rgb(8,177,232)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```
#2bc6f8
```
#2bc6f8 rgb(43,198,248)
```
#43ccf9
```
#43ccf9 rgb(67,204,249)
```
#5cd3f9
```
#5cd3f9 rgb(92,211,249)
```

Monochromatic Color

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

#12f7f6
```
#12f7f6 rgb(18,247,246)
```
#12e5f7
```
#12e5f7 rgb(18,229,247)
```
#12d2f7
```
#12d2f7 rgb(18,210,247)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```
#12acf7
```
#12acf7 rgb(18,172,247)
```
#1299f7
```
#1299f7 rgb(18,153,247)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```

Similar Colors

Text with hexadecimal color #12bff7

This text has a font color of #12bff7.

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

#12bff7 background color

This paragraph has a background color of #12bff7.

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

#12bff7 border color

This element has a border color of #12bff7.

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

CSS codes

.text {color:#12bff7;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01161d
```
#01161d rgb(1,22,29)
```
#022430
```
#022430 rgb(2,36,48)
```
#023343
```
#023343 rgb(2,51,67)
```
#034156
```
#034156 rgb(3,65,86)
```
#045069
```
#045069 rgb(4,80,105)
```
#045e7c
```
#045e7c rgb(4,94,124)
```
#056d8e
```
#056d8e rgb(5,109,142)
```
#057ba1
```
#057ba1 rgb(5,123,161)
```
#068ab4
```
#068ab4 rgb(6,138,180)
```
#0798c7
```
#0798c7 rgb(7,152,199)
```
#07a7da
```
#07a7da rgb(7,167,218)
```
#08b5ed
```
#08b5ed rgb(8,181,237)
```

Shade Color Variation

#12bff7
```
#12bff7 rgb(18,191,247)
```
#25c4f8
```
#25c4f8 rgb(37,196,248)
```
#38c9f8
```
#38c9f8 rgb(56,201,248)
```
#4bcef9
```
#4bcef9 rgb(75,206,249)
```
#5ed3fa
```
#5ed3fa rgb(94,211,250)
```
#71d9fa
```
#71d9fa rgb(113,217,250)
```
#84defb
```
#84defb rgb(132,222,251)
```
#97e3fb
```
#97e3fb rgb(151,227,251)
```
#aae8fc
```
#aae8fc rgb(170,232,252)
```
#bdedfd
```
#bdedfd rgb(189,237,253)
```
#d0f2fd
```
#d0f2fd rgb(208,242,253)
```
#e3f7fe
```
#e3f7fe rgb(227,247,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838586 is the less saturated color, while #12bff7 is the most saturated one.

#838586
```
#838586 rgb(131,133,134)
```
#7a8a8f
```
#7a8a8f rgb(122,138,143)
```
#708f99
```
#708f99 rgb(112,143,153)
```
#6794a2
```
#6794a2 rgb(103,148,162)
```
#5d98ac
```
#5d98ac rgb(93,152,172)
```
#549db5
```
#549db5 rgb(84,157,181)
```
#4ba2be
```
#4ba2be rgb(75,162,190)
```
#41a7c8
```
#41a7c8 rgb(65,167,200)
```
#38acd1
```
#38acd1 rgb(56,172,209)
```
#2eb1db
```
#2eb1db rgb(46,177,219)
```
#25b5e4
```
#25b5e4 rgb(37,181,228)
```
#1bbaee
```
#1bbaee rgb(27,186,238)
```
#12bff7
```
#12bff7 rgb(18,191,247)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#789ba6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b3ec Protanopia 1% of men
#96b3fd Deuteranopia 1% of men
#00c6d4 Tritanopia 0.001% of the population

Trichromacy

#6eb7f0 Protanomaly 1% of men, 0.01% of women
#66b7fa Deuteranomaly 6% of men, 0.4% of women
#06c4e1 Tritanomaly 0.01% of the population

#12bff7 hex color

#12bff7 Color Information

#12bff7 Color Conversion

Color Schemes with #12bff7

Alternatives to #12bff7

#12bff7 Preview

Shades and Tints of #12bff7

Tones of #12bff7

Color Blindness Simulator