#0670f1 hex color

In a RGB color space, hex #0670f1 is composed of 2.4% red, 43.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 53.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 212.9 degrees, a saturation of 95.1% and a lightness of 48.4%. #0670f1 color hex could be obtained by blending #0ce0ff with #0000e3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 44
- B 95
RGB color chart
- C 98
- M 54
- Y 0
- K 5
CMYK color chart

● #0670f1 color description : Vivid blue.

The hexadecimal color #0670f1 has RGB values of R:6, G:112, B:241 and CMYK values of C:0.98, M:0.54, Y:0, K:0.05. Its decimal value is 422129.

Hex triplet	0670f1	`#0670f1`
RGB Decimal	6, 112, 241	`rgb(6,112,241)`
RGB Percent	2.4, 43.9, 94.5	`rgb(2.4%,43.9%,94.5%)`
CMYK	98, 54, 0, 5
HSL	212.9°, 95.1, 48.4	`hsl(212.9,95.1%,48.4%)`
HSV (or HSB)	212.9°, 97.5, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.467, 23.61, -71.668
XYZ	21.743, 17.976, 85.538
xyY	0.174, 0.144, 17.976
CIE-LCH	49.467, 75.457, 288.233
CIE-LUV	49.467, -25.164, -111.321
Hunter-Lab	42.398, 17.343, -89.939
Binary	00000110, 01110000, 11110001

#0670f1
```
#0670f1 rgb(6,112,241)
```
#f18706
```
#f18706 rgb(241,135,6)
```

Complementary Color

#06e6f1
```
#06e6f1 rgb(6,230,241)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```
#1206f1
```
#1206f1 rgb(18,6,241)
```

Analogous Color

#e6f106
```
#e6f106 rgb(230,241,6)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```
#f11206
```
#f11206 rgb(241,18,6)
```

Split Complementary Color

#70f106
```
#70f106 rgb(112,241,6)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```
#f10670
```
#f10670 rgb(241,6,112)
```

Triadic Color

#06f187
```
#06f187 rgb(6,241,135)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```
#f10670
```
#f10670 rgb(241,6,112)
```
#f18706
```
#f18706 rgb(241,135,6)
```

Tetradic Color

#044da6
```
#044da6 rgb(4,77,166)
```
#0559bf
```
#0559bf rgb(5,89,191)
```
#0564d8
```
#0564d8 rgb(5,100,216)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```
#177df9
```
#177df9 rgb(23,125,249)
```
#308bfa
```
#308bfa rgb(48,139,250)
```
#4999fa
```
#4999fa rgb(73,153,250)
```

Monochromatic Color

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

#06abf1
```
#06abf1 rgb(6,171,241)
```
#0697f1
```
#0697f1 rgb(6,151,241)
```
#0684f1
```
#0684f1 rgb(6,132,241)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```
#065cf1
```
#065cf1 rgb(6,92,241)
```
#0649f1
```
#0649f1 rgb(6,73,241)
```
#0635f1
```
#0635f1 rgb(6,53,241)
```

Similar Colors

Text with hexadecimal color #0670f1

This text has a font color of #0670f1.

<span style="color:#0670f1;">Text here</span>

#0670f1 background color

This paragraph has a background color of #0670f1.

<p style="background-color:#0670f1;">Content here</p>

#0670f1 border color

This element has a border color of #0670f1.

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

CSS codes

.text {color:#0670f1;}

.background {background-color:#0670f1;}

.border {border:1px solid #0670f1;}

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, #00050b is the darkest color, while #f7fbff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010e1e
```
#010e1e rgb(1,14,30)
```
#011732
```
#011732 rgb(1,23,50)
```
#022045
```
#022045 rgb(2,32,69)
```
#022958
```
#022958 rgb(2,41,88)
```
#03326b
```
#03326b rgb(3,50,107)
```
#033b7e
```
#033b7e rgb(3,59,126)
```
#044491
```
#044491 rgb(4,68,145)
```
#044ca4
```
#044ca4 rgb(4,76,164)
```
#0555b8
```
#0555b8 rgb(5,85,184)
```
#055ecb
```
#055ecb rgb(5,94,203)
```
#0667de
```
#0667de rgb(6,103,222)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```

Shade Color Variation

#127af9
```
#127af9 rgb(18,122,249)
```
#2585fa
```
#2585fa rgb(37,133,250)
```
#388ffa
```
#388ffa rgb(56,143,250)
```
#4b9afb
```
#4b9afb rgb(75,154,251)
```
#5ea5fb
```
#5ea5fb rgb(94,165,251)
```
#71b0fb
```
#71b0fb rgb(113,176,251)
```
#84bafc
```
#84bafc rgb(132,186,252)
```
#97c5fc
```
#97c5fc rgb(151,197,252)
```
#abd0fd
```
#abd0fd rgb(171,208,253)
```
#bedafd
```
#bedafd rgb(190,218,253)
```
#d1e5fe
```
#d1e5fe rgb(209,229,254)
```
#e4f0fe
```
#e4f0fe rgb(228,240,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b7f is the less saturated color, while #0670f1 is the most saturated one.

#787b7f
```
#787b7f rgb(120,123,127)
```
#6f7a89
```
#6f7a89 rgb(111,122,137)
```
#657992
```
#657992 rgb(101,121,146)
```
#5c789c
```
#5c789c rgb(92,120,156)
```
#5277a5
```
#5277a5 rgb(82,119,165)
```
#4977af
```
#4977af rgb(73,119,175)
```
#3f76b8
```
#3f76b8 rgb(63,118,184)
```
#3675c2
```
#3675c2 rgb(54,117,194)
```
#2c74cb
```
#2c74cb rgb(44,116,203)
```
#2373d5
```
#2373d5 rgb(35,115,213)
```
#1972de
```
#1972de rgb(25,114,222)
```
#1071e8
```
#1071e8 rgb(16,113,232)
```
#0670f1
```
#0670f1 rgb(6,112,241)
```

Tone Color Variation

Below, you can see how #0670f1 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

#5f5f5f Achromatopsia 0.005% of the population
#4d627c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#0275ee Protanomaly 1% of men, 0.01% of women
#0279db Deuteranomaly 6% of men, 0.4% of women
#027fb3 Tritanomaly 0.01% of the population

#0670f1 hex color

#0670f1 Color Information

#0670f1 Color Conversion

Color Schemes with #0670f1

Alternatives to #0670f1

#0670f1 Preview

Shades and Tints of #0670f1

Tones of #0670f1

Color Blindness Simulator