#3081f2 hex color

In a RGB color space, hex #3081f2 is composed of 18.8% red, 50.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 46.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 214.9 degrees, a saturation of 88.2% and a lightness of 56.9%. #3081f2 color hex could be obtained by blending #60ffff with #0003e5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 51
- B 95
RGB color chart
- C 80
- M 47
- Y 0
- K 5
CMYK color chart

● #3081f2 color description : Bright blue.

The hexadecimal color #3081f2 has RGB values of R:48, G:129, B:242 and CMYK values of C:0.8, M:0.47, Y:0, K:0.05. Its decimal value is 3178994.

Hex triplet	3081f2	`#3081f2`
RGB Decimal	48, 129, 242	`rgb(48,129,242)`
RGB Percent	18.8, 50.6, 94.9	`rgb(18.8%,50.6%,94.9%)`
CMYK	80, 47, 0, 5
HSL	214.9°, 88.2, 56.9	`hsl(214.9,88.2%,56.9%)`
HSV (or HSB)	214.9°, 80.2, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.801, 15.577, -63.564
XYZ	25.093, 22.738, 87.066
xyY	0.186, 0.169, 22.738
CIE-LCH	54.801, 65.445, 283.77
CIE-LUV	54.801, -26.965, -101.265
Hunter-Lab	47.684, 10.484, -74.878
Binary	00110000, 10000001, 11110010

#3081f2
```
#3081f2 rgb(48,129,242)
```
#f2a130
```
#f2a130 rgb(242,161,48)
```

Complementary Color

#30e2f2
```
#30e2f2 rgb(48,226,242)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```

Analogous Color

#e2f230
```
#e2f230 rgb(226,242,48)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#f24030
```
#f24030 rgb(242,64,48)
```

Split Complementary Color

#81f230
```
#81f230 rgb(129,242,48)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#f23081
```
#f23081 rgb(242,48,129)
```

Triadic Color

#30f2a1
```
#30f2a1 rgb(48,242,161)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#f23081
```
#f23081 rgb(242,48,129)
```
#f2a130
```
#f2a130 rgb(242,161,48)
```

Tetradic Color

#0d5bc9
```
#0d5bc9 rgb(13,91,201)
```
#0e66e1
```
#0e66e1 rgb(14,102,225)
```
#1872f0
```
#1872f0 rgb(24,114,240)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#4890f4
```
#4890f4 rgb(72,144,244)
```
#609ef5
```
#609ef5 rgb(96,158,245)
```
#78adf7
```
#78adf7 rgb(120,173,247)
```

Monochromatic Color

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

#30b2f2
```
#30b2f2 rgb(48,178,242)
```
#30a1f2
```
#30a1f2 rgb(48,161,242)
```
#3091f2
```
#3091f2 rgb(48,145,242)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#3071f2
```
#3071f2 rgb(48,113,242)
```
#3061f2
```
#3061f2 rgb(48,97,242)
```
#3051f2
```
#3051f2 rgb(48,81,242)
```

Similar Colors

Text with hexadecimal color #3081f2

This text has a font color of #3081f2.

<span style="color:#3081f2;">Text here</span>

#3081f2 background color

This paragraph has a background color of #3081f2.

<p style="background-color:#3081f2;">Content here</p>

#3081f2 border color

This element has a border color of #3081f2.

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

CSS codes

.text {color:#3081f2;}

.background {background-color:#3081f2;}

.border {border:1px solid #3081f2;}

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

#01070e
```
#01070e rgb(1,7,14)
```
#020f21
```
#020f21 rgb(2,15,33)
```
#031733
```
#031733 rgb(3,23,51)
```
#042046
```
#042046 rgb(4,32,70)
```
#062858
```
#062858 rgb(6,40,88)
```
#07306b
```
#07306b rgb(7,48,107)
```
#08397d
```
#08397d rgb(8,57,125)
```
#094190
```
#094190 rgb(9,65,144)
```
#0a4aa2
```
#0a4aa2 rgb(10,74,162)
```
#0b52b5
```
#0b52b5 rgb(11,82,181)
```
#0d5ac7
```
#0d5ac7 rgb(13,90,199)
```
#0e63d9
```
#0e63d9 rgb(14,99,217)
```
#0f6bec
```
#0f6bec rgb(15,107,236)
```

Shade Color Variation

#1e76f1
```
#1e76f1 rgb(30,118,241)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#428cf3
```
#428cf3 rgb(66,140,243)
```
#5597f4
```
#5597f4 rgb(85,151,244)
```
#67a3f5
```
#67a3f5 rgb(103,163,245)
```
#7aaef7
```
#7aaef7 rgb(122,174,247)
```
#8cb9f8
```
#8cb9f8 rgb(140,185,248)
```
#9fc4f9
```
#9fc4f9 rgb(159,196,249)
```
#b1d0fa
```
#b1d0fa rgb(177,208,250)
```
#c4dbfb
```
#c4dbfb rgb(196,219,251)
```
#d6e6fc
```
#d6e6fc rgb(214,230,252)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8d9095
```
#8d9095 rgb(141,144,149)
```
#858f9d
```
#858f9d rgb(133,143,157)
```
#7c8ea6
```
#7c8ea6 rgb(124,142,166)
```
#748cae
```
#748cae rgb(116,140,174)
```
#6b8bb7
```
#6b8bb7 rgb(107,139,183)
```
#6389bf
```
#6389bf rgb(99,137,191)
```
#5a88c8
```
#5a88c8 rgb(90,136,200)
```
#5287d0
```
#5287d0 rgb(82,135,208)
```
#4985d9
```
#4985d9 rgb(73,133,217)
```
#4184e1
```
#4184e1 rgb(65,132,225)
```
#3882ea
```
#3882ea rgb(56,130,234)
```
#3081f2
```
#3081f2 rgb(48,129,242)
```
#2880fa
```
#2880fa rgb(40,128,250)
```

Tone Color Variation

Below, you can see how #3081f2 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

#767676 Achromatopsia 0.005% of the population
#68788f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b86f1 Protanopia 1% of men
#008ce7 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4184f1 Protanomaly 1% of men, 0.01% of women
#1188eb Deuteranomaly 6% of men, 0.4% of women
#118fbe Tritanomaly 0.01% of the population

#3081f2 hex color

#3081f2 Color Information

#3081f2 Color Conversion

Color Schemes with #3081f2

Alternatives to #3081f2

#3081f2 Preview

Shades and Tints of #3081f2

Tones of #3081f2

Color Blindness Simulator