#2681fd hex color

In a RGB color space, hex #2681fd is composed of 14.9% red, 50.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 49% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.6 degrees, a saturation of 98.2% and a lightness of 57.1%. #2681fd color hex could be obtained by blending #4cffff with #0003fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 51
- B 99
RGB color chart
- C 85
- M 49
- Y 0
- K 1
CMYK color chart

● #2681fd color description : Bright blue.

The hexadecimal color #2681fd has RGB values of R:38, G:129, B:253 and CMYK values of C:0.85, M:0.49, Y:0, K:0.01. Its decimal value is 2523645.

Hex triplet	2681fd	`#2681fd`
RGB Decimal	38, 129, 253	`rgb(38,129,253)`
RGB Percent	14.9, 50.6, 99.2	`rgb(14.9%,50.6%,99.2%)`
CMYK	85, 49, 0, 1
HSL	214.6°, 98.2, 57.1	`hsl(214.6,98.2%,57.1%)`
HSV (or HSB)	214.6°, 85, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.28, 18.888, -68.89
XYZ	26.375, 23.202, 96.011
xyY	0.181, 0.159, 23.202
CIE-LCH	55.28, 71.432, 285.332
CIE-LUV	55.28, -27.725, -110.03
Hunter-Lab	48.169, 13.444, -84.461
Binary	00100110, 10000001, 11111101

#2681fd
```
#2681fd rgb(38,129,253)
```
#fda226
```
#fda226 rgb(253,162,38)
```

Complementary Color

#26edfd
```
#26edfd rgb(38,237,253)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#3626fd
```
#3626fd rgb(54,38,253)
```

Analogous Color

#edfd26
```
#edfd26 rgb(237,253,38)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#fd3626
```
#fd3626 rgb(253,54,38)
```

Split Complementary Color

#81fd26
```
#81fd26 rgb(129,253,38)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#fd2681
```
#fd2681 rgb(253,38,129)
```

Triadic Color

#26fda2
```
#26fda2 rgb(38,253,162)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#fd2681
```
#fd2681 rgb(253,38,129)
```
#fda226
```
#fda226 rgb(253,162,38)
```

Tetradic Color

#025bd5
```
#025bd5 rgb(2,91,213)
```
#0266ee
```
#0266ee rgb(2,102,238)
```
#0d72fd
```
#0d72fd rgb(13,114,253)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#3f90fd
```
#3f90fd rgb(63,144,253)
```
#599efd
```
#599efd rgb(89,158,253)
```
#72adfe
```
#72adfe rgb(114,173,254)
```

Monochromatic Color

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

#26b7fd
```
#26b7fd rgb(38,183,253)
```
#26a5fd
```
#26a5fd rgb(38,165,253)
```
#2693fd
```
#2693fd rgb(38,147,253)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#266ffd
```
#266ffd rgb(38,111,253)
```
#265dfd
```
#265dfd rgb(38,93,253)
```
#264bfd
```
#264bfd rgb(38,75,253)
```

Similar Colors

Text with hexadecimal color #2681fd

This text has a font color of #2681fd.

<span style="color:#2681fd;">Text here</span>

#2681fd background color

This paragraph has a background color of #2681fd.

<p style="background-color:#2681fd;">Content here</p>

#2681fd border color

This element has a border color of #2681fd.

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

CSS codes

.text {color:#2681fd;}

.background {background-color:#2681fd;}

.border {border:1px solid #2681fd;}

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

#000710
```
#000710 rgb(0,7,16)
```
#000f24
```
#000f24 rgb(0,15,36)
```
#011837
```
#011837 rgb(1,24,55)
```
#01204b
```
#01204b rgb(1,32,75)
```
#01285e
```
#01285e rgb(1,40,94)
```
#013171
```
#013171 rgb(1,49,113)
```
#013985
```
#013985 rgb(1,57,133)
```
#014198
```
#014198 rgb(1,65,152)
```
#024aac
```
#024aac rgb(2,74,172)
```
#0252bf
```
#0252bf rgb(2,82,191)
```
#025ad3
```
#025ad3 rgb(2,90,211)
```
#0263e6
```
#0263e6 rgb(2,99,230)
```
#026bf9
```
#026bf9 rgb(2,107,249)
```

Shade Color Variation

#1376fd
```
#1376fd rgb(19,118,253)
```
#2681fd
```
#2681fd rgb(38,129,253)
```
#398cfd
```
#398cfd rgb(57,140,253)
```
#4d98fd
```
#4d98fd rgb(77,152,253)
```
#60a3fe
```
#60a3fe rgb(96,163,254)
```
#74aefe
```
#74aefe rgb(116,174,254)
```
#87b9fe
```
#87b9fe rgb(135,185,254)
```
#9bc5fe
```
#9bc5fe rgb(155,197,254)
```
#aed0fe
```
#aed0fe rgb(174,208,254)
```
#c1dbfe
```
#c1dbfe rgb(193,219,254)
```
#d5e7ff
```
#d5e7ff rgb(213,231,255)
```
#e8f2ff
```
#e8f2ff rgb(232,242,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8b9198
```
#8b9198 rgb(139,145,152)
```
#838fa0
```
#838fa0 rgb(131,143,160)
```
#7a8ea9
```
#7a8ea9 rgb(122,142,169)
```
#728db1
```
#728db1 rgb(114,141,177)
```
#698bba
```
#698bba rgb(105,139,186)
```
#618ac2
```
#618ac2 rgb(97,138,194)
```
#5989ca
```
#5989ca rgb(89,137,202)
```
#5087d3
```
#5087d3 rgb(80,135,211)
```
#4886db
```
#4886db rgb(72,134,219)
```
#3f85e4
```
#3f85e4 rgb(63,133,228)
```
#3784ec
```
#3784ec rgb(55,132,236)
```
#2e82f5
```
#2e82f5 rgb(46,130,245)
```
#2681fd
```
#2681fd rgb(38,129,253)
```

Tone Color Variation

Below, you can see how #2681fd 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

#747474 Achromatopsia 0.005% of the population
#64778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c86fc Protanopia 1% of men
#008de8 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3484fc Protanomaly 1% of men, 0.01% of women
#0d88f0 Deuteranomaly 6% of men, 0.4% of women
#0d8fc2 Tritanomaly 0.01% of the population

#2681fd hex color

#2681fd Color Information

#2681fd Color Conversion

Color Schemes with #2681fd

Alternatives to #2681fd

#2681fd Preview

Shades and Tints of #2681fd

Tones of #2681fd

Color Blindness Simulator