#0274e2 hex color

In a RGB color space, hex #0274e2 is composed of 0.8% red, 45.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 48.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 209.5 degrees, a saturation of 98.2% and a lightness of 44.7%. #0274e2 color hex could be obtained by blending #04e8ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 1
- G 45
- B 89
RGB color chart
- C 99
- M 49
- Y 0
- K 11
CMYK color chart

● #0274e2 color description : Vivid blue.

The hexadecimal color #0274e2 has RGB values of R:2, G:116, B:226 and CMYK values of C:0.99, M:0.49, Y:0, K:0.11. Its decimal value is 160994.

Hex triplet	0274e2	`#0274e2`
RGB Decimal	2, 116, 226	`rgb(2,116,226)`
RGB Percent	0.8, 45.5, 88.6	`rgb(0.8%,45.5%,88.6%)`
CMYK	99, 49, 0, 11
HSL	209.5°, 98.2, 44.7	`hsl(209.5,98.2%,44.7%)`
HSV (or HSB)	209.5°, 99.1, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.487, 15.096, -63.222
XYZ	19.995, 17.993, 74.366
xyY	0.178, 0.16, 17.993
CIE-LCH	49.487, 64.999, 283.429
CIE-LUV	49.487, -26.976, -98.214
Hunter-Lab	42.418, 9.909, -74.254
Binary	00000010, 01110100, 11100010

#0274e2
```
#0274e2 rgb(2,116,226)
```
#e27002
```
#e27002 rgb(226,112,2)
```

Complementary Color

#02e2e0
```
#02e2e0 rgb(2,226,224)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#0204e2
```
#0204e2 rgb(2,4,226)
```

Analogous Color

#e2e002
```
#e2e002 rgb(226,224,2)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#e20204
```
#e20204 rgb(226,2,4)
```

Split Complementary Color

#74e202
```
#74e202 rgb(116,226,2)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#e20274
```
#e20274 rgb(226,2,116)
```

Triadic Color

#02e270
```
#02e270 rgb(2,226,112)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#e20274
```
#e20274 rgb(226,2,116)
```
#e27002
```
#e27002 rgb(226,112,2)
```

Tetradic Color

#014d96
```
#014d96 rgb(1,77,150)
```
#025aaf
```
#025aaf rgb(2,90,175)
```
#0267c9
```
#0267c9 rgb(2,103,201)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#0281fb
```
#0281fb rgb(2,129,251)
```
#1a8efd
```
#1a8efd rgb(26,142,253)
```
#339afd
```
#339afd rgb(51,154,253)
```

Monochromatic Color

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

#02ace2
```
#02ace2 rgb(2,172,226)
```
#0299e2
```
#0299e2 rgb(2,153,226)
```
#0287e2
```
#0287e2 rgb(2,135,226)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#0261e2
```
#0261e2 rgb(2,97,226)
```
#024fe2
```
#024fe2 rgb(2,79,226)
```
#023ce2
```
#023ce2 rgb(2,60,226)
```

Similar Colors

Text with hexadecimal color #0274e2

This text has a font color of #0274e2.

<span style="color:#0274e2;">Text here</span>

#0274e2 background color

This paragraph has a background color of #0274e2.

<p style="background-color:#0274e2;">Content here</p>

#0274e2 border color

This element has a border color of #0274e2.

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

CSS codes

.text {color:#0274e2;}

.background {background-color:#0274e2;}

.border {border:1px solid #0274e2;}

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#001020
```
#001020 rgb(0,16,32)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#012446
```
#012446 rgb(1,36,70)
```
#012e5a
```
#012e5a rgb(1,46,90)
```
#01386d
```
#01386d rgb(1,56,109)
```
#014281
```
#014281 rgb(1,66,129)
```
#014c94
```
#014c94 rgb(1,76,148)
```
#0156a8
```
#0156a8 rgb(1,86,168)
```
#0260bb
```
#0260bb rgb(2,96,187)
```
#026acf
```
#026acf rgb(2,106,207)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```
#027ef5
```
#027ef5 rgb(2,126,245)
```

Shade Color Variation

#0e88fd
```
#0e88fd rgb(14,136,253)
```
#2291fd
```
#2291fd rgb(34,145,253)
```
#359bfd
```
#359bfd rgb(53,155,253)
```
#49a5fd
```
#49a5fd rgb(73,165,253)
```
#5caefe
```
#5caefe rgb(92,174,254)
```
#70b8fe
```
#70b8fe rgb(112,184,254)
```
#83c2fe
```
#83c2fe rgb(131,194,254)
```
#96cbfe
```
#96cbfe rgb(150,203,254)
```
#aad5fe
```
#aad5fe rgb(170,213,254)
```
#bddefe
```
#bddefe rgb(189,222,254)
```
#d1e8ff
```
#d1e8ff rgb(209,232,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7279 is the less saturated color, while #0274e2 is the most saturated one.

#6b7279
```
#6b7279 rgb(107,114,121)
```
#627282
```
#627282 rgb(98,114,130)
```
#5a728a
```
#5a728a rgb(90,114,138)
```
#517393
```
#517393 rgb(81,115,147)
```
#48739c
```
#48739c rgb(72,115,156)
```
#3f73a5
```
#3f73a5 rgb(63,115,165)
```
#3773ad
```
#3773ad rgb(55,115,173)
```
#2e73b6
```
#2e73b6 rgb(46,115,182)
```
#2573bf
```
#2573bf rgb(37,115,191)
```
#1c74c8
```
#1c74c8 rgb(28,116,200)
```
#1474d0
```
#1474d0 rgb(20,116,208)
```
#0b74d9
```
#0b74d9 rgb(11,116,217)
```
#0274e2
```
#0274e2 rgb(2,116,226)
```

Tone Color Variation

Below, you can see how #0274e2 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

#5e5e5e Achromatopsia 0.005% of the population
#4c6278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3879e1 Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#2477e1 Protanomaly 1% of men, 0.01% of women
#007bd7 Deuteranomaly 6% of men, 0.4% of women
#0081ae Tritanomaly 0.01% of the population

#0274e2 hex color

#0274e2 Color Information

#0274e2 Color Conversion

Color Schemes with #0274e2

Alternatives to #0274e2

#0274e2 Preview

Shades and Tints of #0274e2

Tones of #0274e2

Color Blindness Simulator