colorhexa.com

#0674e6 hex color

In a RGB color space, hex #0674e6 is composed of 2.4% red, 45.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 49.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 210.5 degrees, a saturation of 94.9% and a lightness of 46.3%. #0674e6 color hex could be obtained by blending #0ce8ff with #0000cd. Closest websafe color is: #0066ff.

- R 2
- G 45
- B 90
RGB color chart
- C 97
- M 50
- Y 0
- K 10
CMYK color chart

● #0674e6 color description : Vivid blue.

The hexadecimal color #0674e6 has RGB values of R:6, G:116, B:230 and CMYK values of C:0.97, M:0.5, Y:0, K:0.1. Its decimal value is 423142.

Hex triplet	0674e6	`#0674e6`
RGB Decimal	6, 116, 230	`rgb(6,116,230)`
RGB Percent	2.4, 45.5, 90.2	`rgb(2.4%,45.5%,90.2%)`
CMYK	97, 50, 0, 10
HSL	210.5°, 94.9, 46.3	`hsl(210.5,94.9%,46.3%)`
HSV (or HSB)	210.5°, 97.4, 90.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.787, 16.777, -64.987
XYZ	20.6, 18.241, 77.294
xyY	0.177, 0.157, 18.241
CIE-LCH	49.787, 67.117, 284.475
CIE-LUV	49.787, -26.674, -101.153
Hunter-Lab	42.709, 11.356, -77.404
Binary	00000110, 01110100, 11100110

#0674e6
```
#0674e6 rgb(6,116,230)
```
#e67806
```
#e67806 rgb(230,120,6)
```

Complementary Color

#06e4e6
```
#06e4e6 rgb(6,228,230)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```
#0806e6
```
#0806e6 rgb(8,6,230)
```

Analogous Color

#e4e606
```
#e4e606 rgb(228,230,6)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```
#e60806
```
#e60806 rgb(230,8,6)
```

Split Complementary Color

#74e606
```
#74e606 rgb(116,230,6)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```
#e60674
```
#e60674 rgb(230,6,116)
```

Triadic Color

#044e9b
```
#044e9b rgb(4,78,155)
```
#055bb4
```
#055bb4 rgb(5,91,180)
```
#0567cd
```
#0567cd rgb(5,103,205)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```
#0d81f9
```
#0d81f9 rgb(13,129,249)
```
#268ef9
```
#268ef9 rgb(38,142,249)
```
#3f9bfa
```
#3f9bfa rgb(63,155,250)
```

Monochromatic Color

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

#06ace6
```
#06ace6 rgb(6,172,230)
```
#0699e6
```
#0699e6 rgb(6,153,230)
```
#0687e6
```
#0687e6 rgb(6,135,230)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```
#0661e6
```
#0661e6 rgb(6,97,230)
```
#064fe6
```
#064fe6 rgb(6,79,230)
```
#063ce6
```
#063ce6 rgb(6,60,230)
```

Similar Colors

Text with hexadecimal color #0674e6

This text has a font color of #0674e6.

<span style="color:#0674e6;">Text here</span>

#0674e6 background color

This paragraph has a background color of #0674e6.

<p style="background-color:#0674e6;">Content here</p>

#0674e6 border color

This element has a border color of #0674e6.

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

CSS codes

.text {color:#0674e6;}

.background {background-color:#0674e6;}

.border {border:1px solid #0674e6;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#011427
```
#011427 rgb(1,20,39)
```
#021d3a
```
#021d3a rgb(2,29,58)
```
#02274d
```
#02274d rgb(2,39,77)
```
#033160
```
#033160 rgb(3,49,96)
```
#033a73
```
#033a73 rgb(3,58,115)
```
#044486
```
#044486 rgb(4,68,134)
```
#044d9a
```
#044d9a rgb(4,77,154)
```
#0557ad
```
#0557ad rgb(5,87,173)
```
#0561c0
```
#0561c0 rgb(5,97,192)
```
#066ad3
```
#066ad3 rgb(6,106,211)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```

Shade Color Variation

#077ef9
```
#077ef9 rgb(7,126,249)
```
#1a88f9
```
#1a88f9 rgb(26,136,249)
```
#2d92fa
```
#2d92fa rgb(45,146,250)
```
#409cfa
```
#409cfa rgb(64,156,250)
```
#54a6fb
```
#54a6fb rgb(84,166,251)
```
#67b0fb
```
#67b0fb rgb(103,176,251)
```
#7ab9fc
```
#7ab9fc rgb(122,185,252)
```
#8dc3fc
```
#8dc3fc rgb(141,195,252)
```
#a0cdfd
```
#a0cdfd rgb(160,205,253)
```
#b3d7fd
```
#b3d7fd rgb(179,215,253)
```
#c6e1fe
```
#c6e1fe rgb(198,225,254)
```
#d9ebfe
```
#d9ebfe rgb(217,235,254)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```

Tint Color Variation

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

#737679
```
#737679 rgb(115,118,121)
```
#6a7682
```
#6a7682 rgb(106,118,130)
```
#61768b
```
#61768b rgb(97,118,139)
```
#587594
```
#587594 rgb(88,117,148)
```
#4f759d
```
#4f759d rgb(79,117,157)
```
#4675a6
```
#4675a6 rgb(70,117,166)
```
#3c75b0
```
#3c75b0 rgb(60,117,176)
```
#3375b9
```
#3375b9 rgb(51,117,185)
```
#2a75c2
```
#2a75c2 rgb(42,117,194)
```
#2174cb
```
#2174cb rgb(33,116,203)
```
#1874d4
```
#1874d4 rgb(24,116,212)
```
#0f74dd
```
#0f74dd rgb(15,116,221)
```
#0674e6
```
#0674e6 rgb(6,116,230)
```

Tone Color Variation

Below, you can see how #0674e6 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

#606060 Achromatopsia 0.005% of the population
#4e647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3279e6 Protanopia 1% of men
#0080d2 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#2277e6 Protanomaly 1% of men, 0.01% of women
#027bd9 Deuteranomaly 6% of men, 0.4% of women
#0281b0 Tritanomaly 0.01% of the population