#0677fa hex color

In a RGB color space, hex #0677fa is composed of 2.4% red, 46.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 52.4% magenta, 0% yellow and 2% black. It has a hue angle of 212.2 degrees, a saturation of 96.1% and a lightness of 50.2%. #0677fa color hex could be obtained by blending #0ceeff with #0000f5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 47
- B 98
RGB color chart
- C 98
- M 52
- Y 0
- K 2
CMYK color chart

● #0677fa color description : Vivid blue.

The hexadecimal color #0677fa has RGB values of R:6, G:119, B:250 and CMYK values of C:0.98, M:0.52, Y:0, K:0.02. Its decimal value is 423930.

Hex triplet	0677fa	`#0677fa`
RGB Decimal	6, 119, 250	`rgb(6,119,250)`
RGB Percent	2.4, 46.7, 98	`rgb(2.4%,46.7%,98%)`
CMYK	98, 52, 0, 2
HSL	212.2°, 96.1, 50.2	`hsl(212.2,96.1%,50.2%)`
HSV (or HSB)	212.2°, 97.6, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.987, 22.648, -72.584
XYZ	23.923, 20.132, 93.062
xyY	0.174, 0.147, 20.132
CIE-LCH	51.987, 76.035, 287.329
CIE-LUV	51.987, -26.826, -114.143
Hunter-Lab	44.869, 16.652, -91.564
Binary	00000110, 01110111, 11111010

#0677fa
```
#0677fa rgb(6,119,250)
```
#fa8906
```
#fa8906 rgb(250,137,6)
```

Complementary Color

#06f1fa
```
#06f1fa rgb(6,241,250)
```
#0677fa
```
#0677fa rgb(6,119,250)
```
#0f06fa
```
#0f06fa rgb(15,6,250)
```

Analogous Color

#f1fa06
```
#f1fa06 rgb(241,250,6)
```
#0677fa
```
#0677fa rgb(6,119,250)
```
#fa0f06
```
#fa0f06 rgb(250,15,6)
```

Split Complementary Color

#77fa06
```
#77fa06 rgb(119,250,6)
```
#0677fa
```
#0677fa rgb(6,119,250)
```
#fa0677
```
#fa0677 rgb(250,6,119)
```

Triadic Color

#06fa89
```
#06fa89 rgb(6,250,137)
```
#0677fa
```
#0677fa rgb(6,119,250)
```
#fa0677
```
#fa0677 rgb(250,6,119)
```
#fa8906
```
#fa8906 rgb(250,137,6)
```

Tetradic Color

#0453b0
```
#0453b0 rgb(4,83,176)
```
#045fc9
```
#045fc9 rgb(4,95,201)
```
#056be2
```
#056be2 rgb(5,107,226)
```
#0677fa
```
#0677fa rgb(6,119,250)
```
#1f85fb
```
#1f85fb rgb(31,133,251)
```
#3892fb
```
#3892fb rgb(56,146,251)
```
#51a0fc
```
#51a0fc rgb(81,160,252)
```

Monochromatic Color

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

#06b4fa
```
#06b4fa rgb(6,180,250)
```
#06a0fa
```
#06a0fa rgb(6,160,250)
```
#068bfa
```
#068bfa rgb(6,139,250)
```
#0677fa
```
#0677fa rgb(6,119,250)
```
#0663fa
```
#0663fa rgb(6,99,250)
```
#064efa
```
#064efa rgb(6,78,250)
```
#063afa
```
#063afa rgb(6,58,250)
```

Similar Colors

Text with hexadecimal color #0677fa

This text has a font color of #0677fa.

<span style="color:#0677fa;">Text here</span>

#0677fa background color

This paragraph has a background color of #0677fa.

<p style="background-color:#0677fa;">Content here</p>

#0677fa border color

This element has a border color of #0677fa.

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

CSS codes

.text {color:#0677fa;}

.background {background-color:#0677fa;}

.border {border:1px solid #0677fa;}

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 #edf5ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000a14
```
#000a14 rgb(0,10,20)
```
#011327
```
#011327 rgb(1,19,39)
```
#011c3b
```
#011c3b rgb(1,28,59)
```
#02254e
```
#02254e rgb(2,37,78)
```
#022e61
```
#022e61 rgb(2,46,97)
```
#023774
```
#023774 rgb(2,55,116)
```
#034088
```
#034088 rgb(3,64,136)
```
#03499b
```
#03499b rgb(3,73,155)
```
#0352ae
```
#0352ae rgb(3,82,174)
```
#045cc1
```
#045cc1 rgb(4,92,193)
```
#0465d5
```
#0465d5 rgb(4,101,213)
```
#056ee8
```
#056ee8 rgb(5,110,232)
```

Shade Color Variation

#0677fa
```
#0677fa rgb(6,119,250)
```
#1982fa
```
#1982fa rgb(25,130,250)
```
#2c8cfb
```
#2c8cfb rgb(44,140,251)
```
#4097fb
```
#4097fb rgb(64,151,251)
```
#53a1fc
```
#53a1fc rgb(83,161,252)
```
#66acfc
```
#66acfc rgb(102,172,252)
```
#79b6fc
```
#79b6fc rgb(121,182,252)
```
#8dc1fd
```
#8dc1fd rgb(141,193,253)
```
#a0cbfd
```
#a0cbfd rgb(160,203,253)
```
#b3d6fd
```
#b3d6fd rgb(179,214,253)
```
#c6e0fe
```
#c6e0fe rgb(198,224,254)
```
#daebfe
```
#daebfe rgb(218,235,254)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

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

#7b8085
```
#7b8085 rgb(123,128,133)
```
#717f8f
```
#717f8f rgb(113,127,143)
```
#687e98
```
#687e98 rgb(104,126,152)
```
#5e7da2
```
#5e7da2 rgb(94,125,162)
```
#547dac
```
#547dac rgb(84,125,172)
```
#4a7cb6
```
#4a7cb6 rgb(74,124,182)
```
#417bbf
```
#417bbf rgb(65,123,191)
```
#377bc9
```
#377bc9 rgb(55,123,201)
```
#2d7ad3
```
#2d7ad3 rgb(45,122,211)
```
#2379dd
```
#2379dd rgb(35,121,221)
```
#1a78e6
```
#1a78e6 rgb(26,120,230)
```
#1078f0
```
#1078f0 rgb(16,120,240)
```
#0677fa
```
#0677fa rgb(6,119,250)
```

Tone Color Variation

Below, you can see how #0677fa 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

#646464 Achromatopsia 0.005% of the population
#516882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#027bf9 Protanomaly 1% of men, 0.01% of women
#0280e5 Deuteranomaly 6% of men, 0.4% of women
#0286bb Tritanomaly 0.01% of the population

#0677fa hex color

#0677fa Color Information

#0677fa Color Conversion

Color Schemes with #0677fa

Alternatives to #0677fa

#0677fa Preview

Shades and Tints of #0677fa

Tones of #0677fa

Color Blindness Simulator