colorhexa.com

#270ea5 hex color

In a RGB color space, hex #270ea5 is composed of 15.3% red, 5.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 91.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 249.9 degrees, a saturation of 84.4% and a lightness of 35.1%. #270ea5 color hex could be obtained by blending #4e1cff with #00004b. Closest websafe color is: #330099.

- R 15
- G 5
- B 65
RGB color chart
- C 76
- M 92
- Y 0
- K 35
CMYK color chart

● #270ea5 color description : Dark blue.

The hexadecimal color #270ea5 has RGB values of R:39, G:14, B:165 and CMYK values of C:0.76, M:0.92, Y:0, K:0.35. Its decimal value is 2559653.

Hex triplet	270ea5	`#270ea5`
RGB Decimal	39, 14, 165	`rgb(39,14,165)`
RGB Percent	15.3, 5.5, 64.7	`rgb(15.3%,5.5%,64.7%)`
CMYK	76, 92, 0, 35
HSL	249.9°, 84.4, 35.1	`hsl(249.9,84.4%,35.1%)`
HSV (or HSB)	249.9°, 91.5, 64.7
Web Safe	330099	`#330099`

CIE-LAB	21.805, 54.179, -72.927
XYZ	7.784, 3.462, 35.853
xyY	0.165, 0.073, 3.462
CIE-LCH	21.805, 90.85, 306.61
CIE-LUV	21.805, -3.315, -79.96
Hunter-Lab	18.605, 42.12, -101.23
Binary	00100111, 00001110, 10100101

#270ea5
```
#270ea5 rgb(39,14,165)
```
#8ca50e
```
#8ca50e rgb(140,165,14)
```

Complementary Color

#0e41a5
```
#0e41a5 rgb(14,65,165)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#730ea5
```
#730ea5 rgb(115,14,165)
```

Analogous Color

#41a50e
```
#41a50e rgb(65,165,14)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#a5730e
```
#a5730e rgb(165,115,14)
```

Split Complementary Color

#0ea527
```
#0ea527 rgb(14,165,39)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#a5270e
```
#a5270e rgb(165,39,14)
```

Triadic Color

#0e8ca5
```
#0e8ca5 rgb(14,140,165)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#a5270e
```
#a5270e rgb(165,39,14)
```
#8ca50e
```
#8ca50e rgb(140,165,14)
```

Tetradic Color

#16085e
```
#16085e rgb(22,8,94)
```
#1c0a76
```
#1c0a76 rgb(28,10,118)
```
#210c8d
```
#210c8d rgb(33,12,141)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#2d10bd
```
#2d10bd rgb(45,16,189)
```
#3212d4
```
#3212d4 rgb(50,18,212)
```
#3814eb
```
#3814eb rgb(56,20,235)
```

Monochromatic Color

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

#0e1ba5
```
#0e1ba5 rgb(14,27,165)
```
#0e0ea5
```
#0e0ea5 rgb(14,14,165)
```
#1a0ea5
```
#1a0ea5 rgb(26,14,165)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#340ea5
```
#340ea5 rgb(52,14,165)
```
#400ea5
```
#400ea5 rgb(64,14,165)
```
#4d0ea5
```
#4d0ea5 rgb(77,14,165)
```

Similar Colors

Text with hexadecimal color #270ea5

This text has a font color of #270ea5.

<span style="color:#270ea5;">Text here</span>

#270ea5 background color

This paragraph has a background color of #270ea5.

<p style="background-color:#270ea5;">Content here</p>

#270ea5 border color

This element has a border color of #270ea5.

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

CSS codes

.text {color:#270ea5;}

.background {background-color:#270ea5;}

.border {border:1px solid #270ea5;}

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

#010002
```
#010002 rgb(1,0,2)
```
#050214
```
#050214 rgb(5,2,20)
```
#090326
```
#090326 rgb(9,3,38)
```
#0d0539
```
#0d0539 rgb(13,5,57)
```
#12064b
```
#12064b rgb(18,6,75)
```
#16085d
```
#16085d rgb(22,8,93)
```
#1a096f
```
#1a096f rgb(26,9,111)
```
#1e0b81
```
#1e0b81 rgb(30,11,129)
```
#230c93
```
#230c93 rgb(35,12,147)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#2b10b7
```
#2b10b7 rgb(43,16,183)
```
#3011c9
```
#3011c9 rgb(48,17,201)
```
#3413db
```
#3413db rgb(52,19,219)
```

Shade Color Variation

#3916eb
```
#3916eb rgb(57,22,235)
```
#4928ed
```
#4928ed rgb(73,40,237)
```
#583aee
```
#583aee rgb(88,58,238)
```
#684cf0
```
#684cf0 rgb(104,76,240)
```
#775ff1
```
#775ff1 rgb(119,95,241)
```
#8671f3
```
#8671f3 rgb(134,113,243)
```
#9683f4
```
#9683f4 rgb(150,131,244)
```
#a595f6
```
#a595f6 rgb(165,149,246)
```
#b4a7f8
```
#b4a7f8 rgb(180,167,248)
```
#c4b9f9
```
#c4b9f9 rgb(196,185,249)
```
#d3cbfb
```
#d3cbfb rgb(211,203,251)
```
#e2ddfc
```
#e2ddfc rgb(226,221,252)
```
#f2effe
```
#f2effe rgb(242,239,254)
```

Tint Color Variation

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

#555360
```
#555360 rgb(85,83,96)
```
#504c67
```
#504c67 rgb(80,76,103)
```
#4c456e
```
#4c456e rgb(76,69,110)
```
#473e75
```
#473e75 rgb(71,62,117)
```
#43377c
```
#43377c rgb(67,55,124)
```
#3e3083
```
#3e3083 rgb(62,48,131)
```
#392a89
```
#392a89 rgb(57,42,137)
```
#352390
```
#352390 rgb(53,35,144)
```
#301c97
```
#301c97 rgb(48,28,151)
```
#2c159e
```
#2c159e rgb(44,21,158)
```
#270ea5
```
#270ea5 rgb(39,14,165)
```
#2207ac
```
#2207ac rgb(34,7,172)
```
#1e00b3
```
#1e00b3 rgb(30,0,179)
```

Tone Color Variation

Below, you can see how #270ea5 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

#272727 Achromatopsia 0.005% of the population
#272240 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#0e2b87 Protanomaly 1% of men, 0.01% of women
#0e2e7d Deuteranomaly 6% of men, 0.4% of women
#0e3169 Tritanomaly 0.01% of the population