#1282f2 hex color

In a RGB color space, hex #1282f2 is composed of 7.1% red, 51% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 46.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 210 degrees, a saturation of 89.6% and a lightness of 51%. #1282f2 color hex could be obtained by blending #24ffff with #0005e5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 51
- B 95
RGB color chart
- C 93
- M 46
- Y 0
- K 5
CMYK color chart

● #1282f2 color description : Vivid blue.

The hexadecimal color #1282f2 has RGB values of R:18, G:130, B:242 and CMYK values of C:0.93, M:0.46, Y:0, K:0.05. Its decimal value is 1213170.

Hex triplet	1282f2	`#1282f2`
RGB Decimal	18, 130, 242	`rgb(18,130,242)`
RGB Percent	7.1, 51, 94.9	`rgb(7.1%,51%,94.9%)`
CMYK	93, 46, 0, 5
HSL	210°, 89.6, 51	`hsl(210,89.6%,51%)`
HSV (or HSB)	210°, 92.6, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.556, 13.025, -63.985
XYZ	24.255, 22.502, 87.065
xyY	0.181, 0.168, 22.502
CIE-LCH	54.556, 65.298, 281.506
CIE-LUV	54.556, -29.861, -101.599
Hunter-Lab	47.437, 8.257, -75.614
Binary	00010010, 10000010, 11110010

#1282f2
```
#1282f2 rgb(18,130,242)
```
#f28212
```
#f28212 rgb(242,130,18)
```

Complementary Color

#12f2f2
```
#12f2f2 rgb(18,242,242)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#1212f2
```
#1212f2 rgb(18,18,242)
```

Analogous Color

#f2f212
```
#f2f212 rgb(242,242,18)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#f21212
```
#f21212 rgb(242,18,18)
```

Split Complementary Color

#82f212
```
#82f212 rgb(130,242,18)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#f21282
```
#f21282 rgb(242,18,130)
```

Triadic Color

#12f282
```
#12f282 rgb(18,242,130)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#f21282
```
#f21282 rgb(242,18,130)
```
#f28212
```
#f28212 rgb(242,130,18)
```

Tetradic Color

#0a5cae
```
#0a5cae rgb(10,92,174)
```
#0b69c6
```
#0b69c6 rgb(11,105,198)
```
#0c75de
```
#0c75de rgb(12,117,222)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#2a8ff3
```
#2a8ff3 rgb(42,143,243)
```
#429cf5
```
#429cf5 rgb(66,156,245)
```
#5ba8f6
```
#5ba8f6 rgb(91,168,246)
```

Monochromatic Color

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

#12baf2
```
#12baf2 rgb(18,186,242)
```
#12a7f2
```
#12a7f2 rgb(18,167,242)
```
#1295f2
```
#1295f2 rgb(18,149,242)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#126ff2
```
#126ff2 rgb(18,111,242)
```
#125df2
```
#125df2 rgb(18,93,242)
```
#124af2
```
#124af2 rgb(18,74,242)
```

Similar Colors

Text with hexadecimal color #1282f2

This text has a font color of #1282f2.

<span style="color:#1282f2;">Text here</span>

#1282f2 background color

This paragraph has a background color of #1282f2.

<p style="background-color:#1282f2;">Content here</p>

#1282f2 border color

This element has a border color of #1282f2.

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

CSS codes

.text {color:#1282f2;}

.background {background-color:#1282f2;}

.border {border:1px solid #1282f2;}

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

#000205
```
#000205 rgb(0,2,5)
```
#010c17
```
#010c17 rgb(1,12,23)
```
#02162a
```
#02162a rgb(2,22,42)
```
#03203d
```
#03203d rgb(3,32,61)
```
#042a4f
```
#042a4f rgb(4,42,79)
```
#053462
```
#053462 rgb(5,52,98)
```
#063d74
```
#063d74 rgb(6,61,116)
```
#074787
```
#074787 rgb(7,71,135)
```
#08519a
```
#08519a rgb(8,81,154)
```
#095bac
```
#095bac rgb(9,91,172)
```
#0a65bf
```
#0a65bf rgb(10,101,191)
```
#0b6ed1
```
#0b6ed1 rgb(11,110,209)
```
#0d78e4
```
#0d78e4 rgb(13,120,228)
```

Shade Color Variation

#1282f2
```
#1282f2 rgb(18,130,242)
```
#258cf3
```
#258cf3 rgb(37,140,243)
```
#3796f4
```
#3796f4 rgb(55,150,244)
```
#4a9ff5
```
#4a9ff5 rgb(74,159,245)
```
#5ca9f6
```
#5ca9f6 rgb(92,169,246)
```
#6fb3f7
```
#6fb3f7 rgb(111,179,247)
```
#82bdf8
```
#82bdf8 rgb(130,189,248)
```
#94c7f9
```
#94c7f9 rgb(148,199,249)
```
#a7d0fa
```
#a7d0fa rgb(167,208,250)
```
#b9dafb
```
#b9dafb rgb(185,218,251)
```
#cce4fc
```
#cce4fc rgb(204,228,252)
```
#dfeefd
```
#dfeefd rgb(223,238,253)
```
#f1f8fe
```
#f1f8fe rgb(241,248,254)
```

Tint Color Variation

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

#7c8288
```
#7c8288 rgb(124,130,136)
```
#728292
```
#728292 rgb(114,130,146)
```
#69829b
```
#69829b rgb(105,130,155)
```
#5f82a5
```
#5f82a5 rgb(95,130,165)
```
#5582af
```
#5582af rgb(85,130,175)
```
#4c82b8
```
#4c82b8 rgb(76,130,184)
```
#4282c2
```
#4282c2 rgb(66,130,194)
```
#3882cc
```
#3882cc rgb(56,130,204)
```
#2f82d5
```
#2f82d5 rgb(47,130,213)
```
#2582df
```
#2582df rgb(37,130,223)
```
#1c82e8
```
#1c82e8 rgb(28,130,232)
```
#1282f2
```
#1282f2 rgb(18,130,242)
```
#0882fc
```
#0882fc rgb(8,130,252)
```

Tone Color Variation

Below, you can see how #1282f2 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

#6d6d6d Achromatopsia 0.005% of the population
#5b7188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b85ef Protanopia 1% of men
#008be6 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3684f0 Protanomaly 1% of men, 0.01% of women
#0688ea Deuteranomaly 6% of men, 0.4% of women
#068fbd Tritanomaly 0.01% of the population

#1282f2 hex color

#1282f2 Color Information

#1282f2 Color Conversion

Color Schemes with #1282f2

Alternatives to #1282f2

#1282f2 Preview

Shades and Tints of #1282f2

Tones of #1282f2

Color Blindness Simulator