#707bff hex color

In a RGB color space, hex #707bff is composed of 43.9% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 235.4 degrees, a saturation of 100% and a lightness of 72%. #707bff color hex could be obtained by blending #e0f6ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 44
- G 48
- B 100
RGB color chart
- C 56
- M 52
- Y 0
- K 0
CMYK color chart

● #707bff color description : Very light blue.

The hexadecimal color #707bff has RGB values of R:112, G:123, B:255 and CMYK values of C:0.56, M:0.52, Y:0, K:0. Its decimal value is 7371775.

Hex triplet	707bff	`#707bff`
RGB Decimal	112, 123, 255	`rgb(112,123,255)`
RGB Percent	43.9, 48.2, 100	`rgb(43.9%,48.2%,100%)`
CMYK	56, 52, 0, 0
HSL	235.4°, 100, 72	`hsl(235.4,100%,72%)`
HSV (or HSB)	235.4°, 56.1, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.909, 32.889, -67.212
XYZ	31.811, 24.829, 97.718
xyY	0.206, 0.161, 24.829
CIE-LCH	56.909, 74.827, 296.074
CIE-LUV	56.909, -11.381, -109.43
Hunter-Lab	49.829, 26.756, -81.392
Binary	01110000, 01111011, 11111111

#707bff
```
#707bff rgb(112,123,255)
```
#fff470
```
#fff470 rgb(255,244,112)
```

Complementary Color

#70c3ff
```
#70c3ff rgb(112,195,255)
```
#707bff
```
#707bff rgb(112,123,255)
```
#ad70ff
```
#ad70ff rgb(173,112,255)
```

Analogous Color

#c3ff70
```
#c3ff70 rgb(195,255,112)
```
#707bff
```
#707bff rgb(112,123,255)
```
#ffad70
```
#ffad70 rgb(255,173,112)
```

Split Complementary Color

#7bff70
```
#7bff70 rgb(123,255,112)
```
#707bff
```
#707bff rgb(112,123,255)
```
#ff707b
```
#ff707b rgb(255,112,123)
```

Triadic Color

#70fff4
```
#70fff4 rgb(112,255,244)
```
#707bff
```
#707bff rgb(112,123,255)
```
#ff707b
```
#ff707b rgb(255,112,123)
```
#fff470
```
#fff470 rgb(255,244,112)
```

Tetradic Color

#2434ff
```
#2434ff rgb(36,52,255)
```
#3d4cff
```
#3d4cff rgb(61,76,255)
```
#5763ff
```
#5763ff rgb(87,99,255)
```
#707bff
```
#707bff rgb(112,123,255)
```
#8a93ff
```
#8a93ff rgb(138,147,255)
```
#a3aaff
```
#a3aaff rgb(163,170,255)
```
#bdc2ff
```
#bdc2ff rgb(189,194,255)
```

Monochromatic Color

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

#709fff
```
#709fff rgb(112,159,255)
```
#7093ff
```
#7093ff rgb(112,147,255)
```
#7087ff
```
#7087ff rgb(112,135,255)
```
#707bff
```
#707bff rgb(112,123,255)
```
#7170ff
```
#7170ff rgb(113,112,255)
```
#7d70ff
```
#7d70ff rgb(125,112,255)
```
#8970ff
```
#8970ff rgb(137,112,255)
```

Similar Colors

Text with hexadecimal color #707bff

This text has a font color of #707bff.

<span style="color:#707bff;">Text here</span>

#707bff background color

This paragraph has a background color of #707bff.

<p style="background-color:#707bff;">Content here</p>

#707bff border color

This element has a border color of #707bff.

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

CSS codes

.text {color:#707bff;}

.background {background-color:#707bff;}

.border {border:1px solid #707bff;}

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, #00010e is the darkest color, while #f9faff is the lightest one.

#00010e
```
#00010e rgb(0,1,14)
```
#000322
```
#000322 rgb(0,3,34)
```
#000435
```
#000435 rgb(0,4,53)
```
#000649
```
#000649 rgb(0,6,73)
```
#00075c
```
#00075c rgb(0,7,92)
```
#000970
```
#000970 rgb(0,9,112)
```
#000a84
```
#000a84 rgb(0,10,132)
```
#000c97
```
#000c97 rgb(0,12,151)
```
#000dab
```
#000dab rgb(0,13,171)
```
#000fbe
```
#000fbe rgb(0,15,190)
```
#0010d2
```
#0010d2 rgb(0,16,210)
```
#0012e6
```
#0012e6 rgb(0,18,230)
```
#0013f9
```
#0013f9 rgb(0,19,249)
```

Shade Color Variation

#0e20ff
```
#0e20ff rgb(14,32,255)
```
#2233ff
```
#2233ff rgb(34,51,255)
```
#3545ff
```
#3545ff rgb(53,69,255)
```
#4957ff
```
#4957ff rgb(73,87,255)
```
#5c69ff
```
#5c69ff rgb(92,105,255)
```
#707bff
```
#707bff rgb(112,123,255)
```
#848dff
```
#848dff rgb(132,141,255)
```
#979fff
```
#979fff rgb(151,159,255)
```
#abb1ff
```
#abb1ff rgb(171,177,255)
```
#bec3ff
```
#bec3ff rgb(190,195,255)
```
#d2d6ff
```
#d2d6ff rgb(210,214,255)
```
#e6e8ff
```
#e6e8ff rgb(230,232,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#b2b3bd
```
#b2b3bd rgb(178,179,189)
```
#adaec3
```
#adaec3 rgb(173,174,195)
```
#a7aac8
```
#a7aac8 rgb(167,170,200)
```
#a2a5ce
```
#a2a5ce rgb(162,165,206)
```
#9ca0d3
```
#9ca0d3 rgb(156,160,211)
```
#979cd9
```
#979cd9 rgb(151,156,217)
```
#9197de
```
#9197de rgb(145,151,222)
```
#8c92e4
```
#8c92e4 rgb(140,146,228)
```
#868ee9
```
#868ee9 rgb(134,142,233)
```
#8189ef
```
#8189ef rgb(129,137,239)
```
#7b84f4
```
#7b84f4 rgb(123,132,244)
```
#7680fa
```
#7680fa rgb(118,128,250)
```
#707bff
```
#707bff rgb(112,123,255)
```

Tone Color Variation

Below, you can see how #707bff 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

#878787 Achromatopsia 0.005% of the population
#82859f Atypical Achromatopsia 0.001% of the population

Dichromacy

#468aff Protanopia 1% of men
#0091f0 Deuteranopia 1% of men
#4899a5 Tritanopia 0.001% of the population

Trichromacy

#5585ff Protanomaly 1% of men, 0.01% of women
#2889f5 Deuteranomaly 6% of men, 0.4% of women
#568ec5 Tritanomaly 0.01% of the population

#707bff hex color

#707bff Color Information

#707bff Color Conversion

Color Schemes with #707bff

Alternatives to #707bff

#707bff Preview

Shades and Tints of #707bff

Tones of #707bff

Color Blindness Simulator