colorhexa.com

#2670d8 hex color

In a RGB color space, hex #2670d8 is composed of 14.9% red, 43.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 48.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 215.1 degrees, a saturation of 70.1% and a lightness of 49.8%. #2670d8 color hex could be obtained by blending #4ce0ff with #0000b1. Closest websafe color is: #3366cc.

- R 15
- G 44
- B 85
RGB color chart
- C 82
- M 48
- Y 0
- K 15
CMYK color chart

● #2670d8 color description : Strong blue.

The hexadecimal color #2670d8 has RGB values of R:38, G:112, B:216 and CMYK values of C:0.82, M:0.48, Y:0, K:0.15. Its decimal value is 2519256.

Hex triplet	2670d8	`#2670d8`
RGB Decimal	38, 112, 216	`rgb(38,112,216)`
RGB Percent	14.9, 43.9, 84.7	`rgb(14.9%,43.9%,84.7%)`
CMYK	82, 48, 0, 15
HSL	215.1°, 70.1, 49.8	`hsl(215.1,70.1%,49.8%)`
HSV (or HSB)	215.1°, 82.4, 84.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.205, 15.531, -59.611
XYZ	18.985, 16.957, 67.234
xyY	0.184, 0.164, 16.957
CIE-LCH	48.205, 61.601, 284.603
CIE-LUV	48.205, -23.798, -92.169
Hunter-Lab	41.179, 10.235, -67.981
Binary	00100110, 01110000, 11011000

#2670d8
```
#2670d8 rgb(38,112,216)
```
#d88e26
```
#d88e26 rgb(216,142,38)
```

Complementary Color

#26c9d8
```
#26c9d8 rgb(38,201,216)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#3526d8
```
#3526d8 rgb(53,38,216)
```

Analogous Color

#c9d826
```
#c9d826 rgb(201,216,38)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#d83526
```
#d83526 rgb(216,53,38)
```

Split Complementary Color

#70d826
```
#70d826 rgb(112,216,38)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#d82670
```
#d82670 rgb(216,38,112)
```

Triadic Color

#26d88e
```
#26d88e rgb(38,216,142)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#d82670
```
#d82670 rgb(216,38,112)
```
#d88e26
```
#d88e26 rgb(216,142,38)
```

Tetradic Color

#1b4e97
```
#1b4e97 rgb(27,78,151)
```
#1e5aad
```
#1e5aad rgb(30,90,173)
```
#2265c2
```
#2265c2 rgb(34,101,194)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#3b7edd
```
#3b7edd rgb(59,126,221)
```
#518ce0
```
#518ce0 rgb(81,140,224)
```
#669be4
```
#669be4 rgb(102,155,228)
```

Monochromatic Color

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

#269dd8
```
#269dd8 rgb(38,157,216)
```
#268ed8
```
#268ed8 rgb(38,142,216)
```
#267fd8
```
#267fd8 rgb(38,127,216)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#2661d8
```
#2661d8 rgb(38,97,216)
```
#2652d8
```
#2652d8 rgb(38,82,216)
```
#2644d8
```
#2644d8 rgb(38,68,216)
```

Similar Colors

Text with hexadecimal color #2670d8

This text has a font color of #2670d8.

<span style="color:#2670d8;">Text here</span>

#2670d8 background color

This paragraph has a background color of #2670d8.

<p style="background-color:#2670d8;">Content here</p>

#2670d8 border color

This element has a border color of #2670d8.

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

CSS codes

.text {color:#2670d8;}

.background {background-color:#2670d8;}

.border {border:1px solid #2670d8;}

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

#030810
```
#030810 rgb(3,8,16)
```
#061121
```
#061121 rgb(6,17,33)
```
#091a31
```
#091a31 rgb(9,26,49)
```
#0c2242
```
#0c2242 rgb(12,34,66)
```
#0f2b53
```
#0f2b53 rgb(15,43,83)
```
#113363
```
#113363 rgb(17,51,99)
```
#143c74
```
#143c74 rgb(20,60,116)
```
#174585
```
#174585 rgb(23,69,133)
```
#1a4d95
```
#1a4d95 rgb(26,77,149)
```
#1d56a6
```
#1d56a6 rgb(29,86,166)
```
#205fb7
```
#205fb7 rgb(32,95,183)
```
#2367c7
```
#2367c7 rgb(35,103,199)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```

Shade Color Variation

#367bdc
```
#367bdc rgb(54,123,220)
```
#4786df
```
#4786df rgb(71,134,223)
```
#5791e2
```
#5791e2 rgb(87,145,226)
```
#689ce4
```
#689ce4 rgb(104,156,228)
```
#79a7e7
```
#79a7e7 rgb(121,167,231)
```
#89b2ea
```
#89b2ea rgb(137,178,234)
```
#9abded
```
#9abded rgb(154,189,237)
```
#abc8f0
```
#abc8f0 rgb(171,200,240)
```
#bbd3f3
```
#bbd3f3 rgb(187,211,243)
```
#ccdef6
```
#ccdef6 rgb(204,222,246)
```
#dde9f9
```
#dde9f9 rgb(221,233,249)
```
#edf3fc
```
#edf3fc rgb(237,243,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7e7f80
```
#7e7f80 rgb(126,127,128)
```
#747d8a
```
#747d8a rgb(116,125,138)
```
#6a7c94
```
#6a7c94 rgb(106,124,148)
```
#617a9d
```
#617a9d rgb(97,122,157)
```
#5778a7
```
#5778a7 rgb(87,120,167)
```
#4d77b1
```
#4d77b1 rgb(77,119,177)
```
#4375bb
```
#4375bb rgb(67,117,187)
```
#3a73c4
```
#3a73c4 rgb(58,115,196)
```
#3072ce
```
#3072ce rgb(48,114,206)
```
#2670d8
```
#2670d8 rgb(38,112,216)
```
#1c6ee2
```
#1c6ee2 rgb(28,110,226)
```
#126dec
```
#126dec rgb(18,109,236)
```
#096bf5
```
#096bf5 rgb(9,107,245)
```

Tone Color Variation

Below, you can see how #2670d8 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

#666666 Achromatopsia 0.005% of the population
#59687d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c76d9 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#3474d8 Protanomaly 1% of men, 0.01% of women
#0d77d0 Deuteranomaly 6% of men, 0.4% of women
#0d7da8 Tritanomaly 0.01% of the population