#2674ce hex color

In a RGB color space, hex #2674ce is composed of 14.9% red, 45.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 43.7% magenta, 0% yellow and 19.2% black. It has a hue angle of 212.1 degrees, a saturation of 68.9% and a lightness of 47.8%. #2674ce color hex could be obtained by blending #4ce8ff with #00009d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 45
- B 81
RGB color chart
- C 82
- M 44
- Y 0
- K 19
CMYK color chart

● #2674ce color description : Strong blue.

The hexadecimal color #2674ce has RGB values of R:38, G:116, B:206 and CMYK values of C:0.82, M:0.44, Y:0, K:0.19. Its decimal value is 2520270.

Hex triplet	2674ce	`#2674ce`
RGB Decimal	38, 116, 206	`rgb(38,116,206)`
RGB Percent	14.9, 45.5, 80.8	`rgb(14.9%,45.5%,80.8%)`
CMYK	82, 44, 0, 19
HSL	212.1°, 68.9, 47.8	`hsl(212.1,68.9%,47.8%)`
HSV (or HSB)	212.1°, 81.6, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.707, 9.189, -53.112
XYZ	18.183, 17.358, 60.781
xyY	0.189, 0.18, 17.358
CIE-LCH	48.707, 53.901, 279.816
CIE-LUV	48.707, -25.35, -81.928
Hunter-Lab	41.662, 4.994, -57.334
Binary	00100110, 01110100, 11001110

#2674ce
```
#2674ce rgb(38,116,206)
```
#ce8026
```
#ce8026 rgb(206,128,38)
```

Complementary Color

#26c8ce
```
#26c8ce rgb(38,200,206)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#2c26ce
```
#2c26ce rgb(44,38,206)
```

Analogous Color

#c8ce26
```
#c8ce26 rgb(200,206,38)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#ce2c26
```
#ce2c26 rgb(206,44,38)
```

Split Complementary Color

#74ce26
```
#74ce26 rgb(116,206,38)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#ce2674
```
#ce2674 rgb(206,38,116)
```

Triadic Color

#26ce80
```
#26ce80 rgb(38,206,128)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#ce2674
```
#ce2674 rgb(206,38,116)
```
#ce8026
```
#ce8026 rgb(206,128,38)
```

Tetradic Color

#1a508d
```
#1a508d rgb(26,80,141)
```
#1e5ca3
```
#1e5ca3 rgb(30,92,163)
```
#2268b8
```
#2268b8 rgb(34,104,184)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#3481da
```
#3481da rgb(52,129,218)
```
#498ede
```
#498ede rgb(73,142,222)
```
#5f9ce1
```
#5f9ce1 rgb(95,156,225)
```

Monochromatic Color

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

#269ece
```
#269ece rgb(38,158,206)
```
#2690ce
```
#2690ce rgb(38,144,206)
```
#2682ce
```
#2682ce rgb(38,130,206)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#2666ce
```
#2666ce rgb(38,102,206)
```
#2658ce
```
#2658ce rgb(38,88,206)
```
#264ace
```
#264ace rgb(38,74,206)
```

Similar Colors

Text with hexadecimal color #2674ce

This text has a font color of #2674ce.

<span style="color:#2674ce;">Text here</span>

#2674ce background color

This paragraph has a background color of #2674ce.

<p style="background-color:#2674ce;">Content here</p>

#2674ce border color

This element has a border color of #2674ce.

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

CSS codes

.text {color:#2674ce;}

.background {background-color:#2674ce;}

.border {border:1px solid #2674ce;}

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

#010407
```
#010407 rgb(1,4,7)
```
#040d18
```
#040d18 rgb(4,13,24)
```
#071728
```
#071728 rgb(7,23,40)
```
#0b2039
```
#0b2039 rgb(11,32,57)
```
#0e294a
```
#0e294a rgb(14,41,74)
```
#11335a
```
#11335a rgb(17,51,90)
```
#143c6b
```
#143c6b rgb(20,60,107)
```
#17457b
```
#17457b rgb(23,69,123)
```
#1a4f8c
```
#1a4f8c rgb(26,79,140)
```
#1d589c
```
#1d589c rgb(29,88,156)
```
#2061ad
```
#2061ad rgb(32,97,173)
```
#236bbd
```
#236bbd rgb(35,107,189)
```
#2674ce
```
#2674ce rgb(38,116,206)
```

Shade Color Variation

#2f7ed9
```
#2f7ed9 rgb(47,126,217)
```
#4088dc
```
#4088dc rgb(64,136,220)
```
#5092df
```
#5092df rgb(80,146,223)
```
#619de2
```
#619de2 rgb(97,157,226)
```
#71a7e5
```
#71a7e5 rgb(113,167,229)
```
#82b1e8
```
#82b1e8 rgb(130,177,232)
```
#92bbeb
```
#92bbeb rgb(146,187,235)
```
#a3c6ee
```
#a3c6ee rgb(163,198,238)
```
#b3d0f1
```
#b3d0f1 rgb(179,208,241)
```
#c4daf4
```
#c4daf4 rgb(196,218,244)
```
#d5e5f7
```
#d5e5f7 rgb(213,229,247)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#717983
```
#717983 rgb(113,121,131)
```
#68798c
```
#68798c rgb(104,121,140)
```
#5e7896
```
#5e7896 rgb(94,120,150)
```
#55779f
```
#55779f rgb(85,119,159)
```
#4c77a8
```
#4c77a8 rgb(76,119,168)
```
#4276b2
```
#4276b2 rgb(66,118,178)
```
#3975bb
```
#3975bb rgb(57,117,187)
```
#2f75c5
```
#2f75c5 rgb(47,117,197)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#1d73d7
```
#1d73d7 rgb(29,115,215)
```
#1373e1
```
#1373e1 rgb(19,115,225)
```
#0a72ea
```
#0a72ea rgb(10,114,234)
```
#0071f4
```
#0071f4 rgb(0,113,244)
```

Tone Color Variation

Below, you can see how #2674ce 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

#676767 Achromatopsia 0.005% of the population
#5a6a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f78cd Protanopia 1% of men
#157ccf Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#4076cd Protanomaly 1% of men, 0.01% of women
#1b79cf Deuteranomaly 6% of men, 0.4% of women
#0d80a6 Tritanomaly 0.01% of the population

#2674ce hex color

#2674ce Color Information

#2674ce Color Conversion

Color Schemes with #2674ce

Alternatives to #2674ce

#2674ce Preview

Shades and Tints of #2674ce

Tones of #2674ce

Color Blindness Simulator