#1242f6 hex color

In a RGB color space, hex #1242f6 is composed of 7.1% red, 25.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 73.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 227.4 degrees, a saturation of 92.7% and a lightness of 51.8%. #1242f6 color hex could be obtained by blending #2484ff with #0000ed. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 26
- B 96
RGB color chart
- C 93
- M 73
- Y 0
- K 4
CMYK color chart

● #1242f6 color description : Vivid blue.

The hexadecimal color #1242f6 has RGB values of R:18, G:66, B:246 and CMYK values of C:0.93, M:0.73, Y:0, K:0.04. Its decimal value is 1196790.

Hex triplet	1242f6	`#1242f6`
RGB Decimal	18, 66, 246	`rgb(18,66,246)`
RGB Percent	7.1, 25.9, 96.5	`rgb(7.1%,25.9%,96.5%)`
CMYK	93, 73, 0, 4
HSL	227.4°, 92.7, 51.8	`hsl(227.4,92.7%,51.8%)`
HSV (or HSB)	227.4°, 92.7, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.032, 54.268, -91.592
XYZ	18.829, 10.677, 88.252
xyY	0.16, 0.091, 10.677
CIE-LCH	39.032, 106.462, 300.646
CIE-LUV	39.032, -14.265, -127.756
Hunter-Lab	32.676, 45.673, -137.258
Binary	00010010, 01000010, 11110110

#1242f6
```
#1242f6 rgb(18,66,246)
```
#f6c612
```
#f6c612 rgb(246,198,18)
```

Complementary Color

#12b4f6
```
#12b4f6 rgb(18,180,246)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```
#5412f6
```
#5412f6 rgb(84,18,246)
```

Analogous Color

#b4f612
```
#b4f612 rgb(180,246,18)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```
#f65412
```
#f65412 rgb(246,84,18)
```

Split Complementary Color

#42f612
```
#42f612 rgb(66,246,18)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```
#f61242
```
#f61242 rgb(246,18,66)
```

Triadic Color

#12f6c6
```
#12f6c6 rgb(18,246,198)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```
#f61242
```
#f61242 rgb(246,18,66)
```
#f6c612
```
#f6c612 rgb(246,198,18)
```

Tetradic Color

#072bb5
```
#072bb5 rgb(7,43,181)
```
#0831cd
```
#0831cd rgb(8,49,205)
```
#0937e6
```
#0937e6 rgb(9,55,230)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```
#2b56f7
```
#2b56f7 rgb(43,86,247)
```
#4369f8
```
#4369f8 rgb(67,105,248)
```
#5c7df9
```
#5c7df9 rgb(92,125,249)
```

Monochromatic Color

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

#127bf6
```
#127bf6 rgb(18,123,246)
```
#1268f6
```
#1268f6 rgb(18,104,246)
```
#1255f6
```
#1255f6 rgb(18,85,246)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```
#122ff6
```
#122ff6 rgb(18,47,246)
```
#121cf6
```
#121cf6 rgb(18,28,246)
```
#1b12f6
```
#1b12f6 rgb(27,18,246)
```

Similar Colors

Text with hexadecimal color #1242f6

This text has a font color of #1242f6.

<span style="color:#1242f6;">Text here</span>

#1242f6 background color

This paragraph has a background color of #1242f6.

<p style="background-color:#1242f6;">Content here</p>

#1242f6 border color

This element has a border color of #1242f6.

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

CSS codes

.text {color:#1242f6;}

.background {background-color:#1242f6;}

.border {border:1px solid #1242f6;}

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

#000209
```
#000209 rgb(0,2,9)
```
#01071c
```
#01071c rgb(1,7,28)
```
#020b2e
```
#020b2e rgb(2,11,46)
```
#021041
```
#021041 rgb(2,16,65)
```
#031454
```
#031454 rgb(3,20,84)
```
#041967
```
#041967 rgb(4,25,103)
```
#051d7a
```
#051d7a rgb(5,29,122)
```
#05228d
```
#05228d rgb(5,34,141)
```
#0626a0
```
#0626a0 rgb(6,38,160)
```
#072bb3
```
#072bb3 rgb(7,43,179)
```
#0830c6
```
#0830c6 rgb(8,48,198)
```
#0834d9
```
#0834d9 rgb(8,52,217)
```
#0939eb
```
#0939eb rgb(9,57,235)
```

Shade Color Variation

#1242f6
```
#1242f6 rgb(18,66,246)
```
#2551f7
```
#2551f7 rgb(37,81,247)
```
#3860f7
```
#3860f7 rgb(56,96,247)
```
#4b6ff8
```
#4b6ff8 rgb(75,111,248)
```
#5e7ef9
```
#5e7ef9 rgb(94,126,249)
```
#708dfa
```
#708dfa rgb(112,141,250)
```
#839cfa
```
#839cfa rgb(131,156,250)
```
#96abfb
```
#96abfb rgb(150,171,251)
```
#a9bbfc
```
#a9bbfc rgb(169,187,252)
```
#bccafc
```
#bccafc rgb(188,202,252)
```
#cfd9fd
```
#cfd9fd rgb(207,217,253)
```
#e2e8fe
```
#e2e8fe rgb(226,232,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#848484
```
#848484 rgb(132,132,132)
```
#7a7e8e
```
#7a7e8e rgb(122,126,142)
```
#717997
```
#717997 rgb(113,121,151)
```
#6773a1
```
#6773a1 rgb(103,115,161)
```
#5e6eaa
```
#5e6eaa rgb(94,110,170)
```
#5468b4
```
#5468b4 rgb(84,104,180)
```
#4b63bd
```
#4b63bd rgb(75,99,189)
```
#415dc7
```
#415dc7 rgb(65,93,199)
```
#3858d0
```
#3858d0 rgb(56,88,208)
```
#2e52da
```
#2e52da rgb(46,82,218)
```
#254de3
```
#254de3 rgb(37,77,227)
```
#1b47ed
```
#1b47ed rgb(27,71,237)
```
#1242f6
```
#1242f6 rgb(18,66,246)
```

Tone Color Variation

Below, you can see how #1242f6 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

#484848 Achromatopsia 0.005% of the population
#3d476b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0656d2 Protanomaly 1% of men, 0.01% of women
#0659c1 Deuteranomaly 6% of men, 0.4% of women
#065ea2 Tritanomaly 0.01% of the population

#1242f6 hex color

#1242f6 Color Information

#1242f6 Color Conversion

Color Schemes with #1242f6

Alternatives to #1242f6

#1242f6 Preview

Shades and Tints of #1242f6

Tones of #1242f6

Color Blindness Simulator