#0270ff hex color

In a RGB color space, hex #0270ff is composed of 0.8% red, 43.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 56.1% magenta, 0% yellow and 0% black. It has a hue angle of 213.9 degrees, a saturation of 100% and a lightness of 50.4%. #0270ff color hex could be obtained by blending #04e0ff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 1
- G 44
- B 100
RGB color chart
- C 99
- M 56
- Y 0
- K 0
CMYK color chart

● #0270ff color description : Vivid blue.

The hexadecimal color #0270ff has RGB values of R:2, G:112, B:255 and CMYK values of C:0.99, M:0.56, Y:0, K:0. Its decimal value is 159999.

Hex triplet	0270ff	`#0270ff`
RGB Decimal	2, 112, 255	`rgb(2,112,255)`
RGB Percent	0.8, 43.9, 100	`rgb(0.8%,43.9%,100%)`
CMYK	99, 56, 0, 0
HSL	213.9°, 100, 50.4	`hsl(213.9,100%,50.4%)`
HSV (or HSB)	213.9°, 99.2, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.475, 28.907, -77.815
XYZ	23.865, 18.819, 96.977
xyY	0.171, 0.135, 18.819
CIE-LCH	50.475, 83.011, 290.379
CIE-LUV	50.475, -24.909, -121.176
Hunter-Lab	43.381, 22.282, -102.174
Binary	00000010, 01110000, 11111111

#0270ff
```
#0270ff rgb(2,112,255)
```
#ff9102
```
#ff9102 rgb(255,145,2)
```

Complementary Color

#02efff
```
#02efff rgb(2,239,255)
```
#0270ff
```
#0270ff rgb(2,112,255)
```
#1302ff
```
#1302ff rgb(19,2,255)
```

Analogous Color

#efff02
```
#efff02 rgb(239,255,2)
```
#0270ff
```
#0270ff rgb(2,112,255)
```
#ff1302
```
#ff1302 rgb(255,19,2)
```

Split Complementary Color

#70ff02
```
#70ff02 rgb(112,255,2)
```
#0270ff
```
#0270ff rgb(2,112,255)
```
#ff0270
```
#ff0270 rgb(255,2,112)
```

Triadic Color

#02ff91
```
#02ff91 rgb(2,255,145)
```
#0270ff
```
#0270ff rgb(2,112,255)
```
#ff0270
```
#ff0270 rgb(255,2,112)
```
#ff9102
```
#ff9102 rgb(255,145,2)
```

Tetradic Color

#004eb5
```
#004eb5 rgb(0,78,181)
```
#005ace
```
#005ace rgb(0,90,206)
```
#0065e8
```
#0065e8 rgb(0,101,232)
```
#0270ff
```
#0270ff rgb(2,112,255)
```
#1c7eff
```
#1c7eff rgb(28,126,255)
```
#358dff
```
#358dff rgb(53,141,255)
```
#4f9bff
```
#4f9bff rgb(79,155,255)
```

Monochromatic Color

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

#02afff
```
#02afff rgb(2,175,255)
```
#029aff
```
#029aff rgb(2,154,255)
```
#0285ff
```
#0285ff rgb(2,133,255)
```
#0270ff
```
#0270ff rgb(2,112,255)
```
#025bff
```
#025bff rgb(2,91,255)
```
#0246ff
```
#0246ff rgb(2,70,255)
```
#0231ff
```
#0231ff rgb(2,49,255)
```

Similar Colors

Text with hexadecimal color #0270ff

This text has a font color of #0270ff.

<span style="color:#0270ff;">Text here</span>

#0270ff background color

This paragraph has a background color of #0270ff.

<p style="background-color:#0270ff;">Content here</p>

#0270ff border color

This element has a border color of #0270ff.

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

CSS codes

.text {color:#0270ff;}

.background {background-color:#0270ff;}

.border {border:1px solid #0270ff;}

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

#000102
```
#000102 rgb(0,1,2)
```
#000916
```
#000916 rgb(0,9,22)
```
#001229
```
#001229 rgb(0,18,41)
```
#001a3d
```
#001a3d rgb(0,26,61)
```
#002350
```
#002350 rgb(0,35,80)
```
#002c64
```
#002c64 rgb(0,44,100)
```
#003478
```
#003478 rgb(0,52,120)
```
#003d8b
```
#003d8b rgb(0,61,139)
```
#00459f
```
#00459f rgb(0,69,159)
```
#004eb3
```
#004eb3 rgb(0,78,179)
```
#0056c6
```
#0056c6 rgb(0,86,198)
```
#005fda
```
#005fda rgb(0,95,218)
```
#0067ed
```
#0067ed rgb(0,103,237)
```

Shade Color Variation

#0270ff
```
#0270ff rgb(2,112,255)
```
#167bff
```
#167bff rgb(22,123,255)
```
#2986ff
```
#2986ff rgb(41,134,255)
```
#3d91ff
```
#3d91ff rgb(61,145,255)
```
#509cff
```
#509cff rgb(80,156,255)
```
#64a7ff
```
#64a7ff rgb(100,167,255)
```
#78b3ff
```
#78b3ff rgb(120,179,255)
```
#8bbeff
```
#8bbeff rgb(139,190,255)
```
#9fc9ff
```
#9fc9ff rgb(159,201,255)
```
#b3d4ff
```
#b3d4ff rgb(179,212,255)
```
#c6dfff
```
#c6dfff rgb(198,223,255)
```
#daeaff
```
#daeaff rgb(218,234,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777f8a is the less saturated color, while #0270ff is the most saturated one.

#777f8a
```
#777f8a rgb(119,127,138)
```
#6d7e94
```
#6d7e94 rgb(109,126,148)
```
#637d9e
```
#637d9e rgb(99,125,158)
```
#5a7ba7
```
#5a7ba7 rgb(90,123,167)
```
#507ab1
```
#507ab1 rgb(80,122,177)
```
#4679bb
```
#4679bb rgb(70,121,187)
```
#3c78c5
```
#3c78c5 rgb(60,120,197)
```
#3376ce
```
#3376ce rgb(51,118,206)
```
#2975d8
```
#2975d8 rgb(41,117,216)
```
#1f74e2
```
#1f74e2 rgb(31,116,226)
```
#1573ec
```
#1573ec rgb(21,115,236)
```
#0c71f5
```
#0c71f5 rgb(12,113,245)
```
#0270ff
```
#0270ff rgb(2,112,255)
```

Tone Color Variation

Below, you can see how #0270ff 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

#5f5f5f Achromatopsia 0.005% of the population
#4c627f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0082d2 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#0077f6 Protanomaly 1% of men, 0.01% of women
#007be2 Deuteranomaly 6% of men, 0.4% of women
#0081ba Tritanomaly 0.01% of the population

#0270ff hex color

#0270ff Color Information

#0270ff Color Conversion

Color Schemes with #0270ff

Alternatives to #0270ff

#0270ff Preview

Shades and Tints of #0270ff

Tones of #0270ff

Color Blindness Simulator