#2769f2 hex color

In a RGB color space, hex #2769f2 is composed of 15.3% red, 41.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 56.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.5 degrees, a saturation of 88.6% and a lightness of 55.1%. #2769f2 color hex could be obtained by blending #4ed2ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 41
- B 95
RGB color chart
- C 84
- M 57
- Y 0
- K 5
CMYK color chart

● #2769f2 color description : Bright blue.

The hexadecimal color #2769f2 has RGB values of R:39, G:105, B:242 and CMYK values of C:0.84, M:0.57, Y:0, K:0.05. Its decimal value is 2583026.

Hex triplet	2769f2	`#2769f2`
RGB Decimal	39, 105, 242	`rgb(39,105,242)`
RGB Percent	15.3, 41.2, 94.9	`rgb(15.3%,41.2%,94.9%)`
CMYK	84, 57, 0, 5
HSL	220.5°, 88.6, 55.1	`hsl(220.5,88.6%,55.1%)`
HSV (or HSB)	220.5°, 83.9, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.189, 29.909, -74.286
XYZ	21.912, 16.944, 86.115
xyY	0.175, 0.136, 16.944
CIE-LCH	48.189, 80.081, 291.93
CIE-LUV	48.189, -21.194, -114.635
Hunter-Lab	41.163, 22.986, -95.225
Binary	00100111, 01101001, 11110010

#2769f2
```
#2769f2 rgb(39,105,242)
```
#f2b027
```
#f2b027 rgb(242,176,39)
```

Complementary Color

#27cff2
```
#27cff2 rgb(39,207,242)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#4b27f2
```
#4b27f2 rgb(75,39,242)
```

Analogous Color

#cff227
```
#cff227 rgb(207,242,39)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#f24b27
```
#f24b27 rgb(242,75,39)
```

Split Complementary Color

#69f227
```
#69f227 rgb(105,242,39)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#f22769
```
#f22769 rgb(242,39,105)
```

Triadic Color

#27f2b0
```
#27f2b0 rgb(39,242,176)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#f22769
```
#f22769 rgb(242,39,105)
```
#f2b027
```
#f2b027 rgb(242,176,39)
```

Tetradic Color

#0c47c1
```
#0c47c1 rgb(12,71,193)
```
#0d4fd9
```
#0d4fd9 rgb(13,79,217)
```
#0f58f1
```
#0f58f1 rgb(15,88,241)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#3f7af3
```
#3f7af3 rgb(63,122,243)
```
#578af5
```
#578af5 rgb(87,138,245)
```
#6f9bf6
```
#6f9bf6 rgb(111,155,246)
```

Monochromatic Color

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

#279cf2
```
#279cf2 rgb(39,156,242)
```
#278bf2
```
#278bf2 rgb(39,139,242)
```
#277af2
```
#277af2 rgb(39,122,242)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#2758f2
```
#2758f2 rgb(39,88,242)
```
#2747f2
```
#2747f2 rgb(39,71,242)
```
#2736f2
```
#2736f2 rgb(39,54,242)
```

Similar Colors

Text with hexadecimal color #2769f2

This text has a font color of #2769f2.

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

#2769f2 background color

This paragraph has a background color of #2769f2.

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

#2769f2 border color

This element has a border color of #2769f2.

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

CSS codes

.text {color:#2769f2;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010919
```
#010919 rgb(1,9,25)
```
#03102b
```
#03102b rgb(3,16,43)
```
#04173e
```
#04173e rgb(4,23,62)
```
#051d50
```
#051d50 rgb(5,29,80)
```
#062463
```
#062463 rgb(6,36,99)
```
#072b75
```
#072b75 rgb(7,43,117)
```
#083288
```
#083288 rgb(8,50,136)
```
#09389a
```
#09389a rgb(9,56,154)
```
#0a3fad
```
#0a3fad rgb(10,63,173)
```
#0b46bf
```
#0b46bf rgb(11,70,191)
```
#0d4dd2
```
#0d4dd2 rgb(13,77,210)
```
#0e53e4
```
#0e53e4 rgb(14,83,228)
```

Shade Color Variation

#145cf1
```
#145cf1 rgb(20,92,241)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#3a76f3
```
#3a76f3 rgb(58,118,243)
```
#4c83f4
```
#4c83f4 rgb(76,131,244)
```
#5f90f5
```
#5f90f5 rgb(95,144,245)
```
#719cf6
```
#719cf6 rgb(113,156,246)
```
#84a9f8
```
#84a9f8 rgb(132,169,248)
```
#96b6f9
```
#96b6f9 rgb(150,182,249)
```
#a9c3fa
```
#a9c3fa rgb(169,195,250)
```
#bbd0fb
```
#bbd0fb rgb(187,208,251)
```
#ceddfc
```
#ceddfc rgb(206,221,252)
```
#e0e9fd
```
#e0e9fd rgb(224,233,253)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b91 is the less saturated color, while #1e66fb is the most saturated one.

#888b91
```
#888b91 rgb(136,139,145)
```
#7f889a
```
#7f889a rgb(127,136,154)
```
#7685a3
```
#7685a3 rgb(118,133,163)
```
#6d82ac
```
#6d82ac rgb(109,130,172)
```
#657fb4
```
#657fb4 rgb(101,127,180)
```
#5c7bbd
```
#5c7bbd rgb(92,123,189)
```
#5378c6
```
#5378c6 rgb(83,120,198)
```
#4a75cf
```
#4a75cf rgb(74,117,207)
```
#4172d8
```
#4172d8 rgb(65,114,216)
```
#396fe0
```
#396fe0 rgb(57,111,224)
```
#306ce9
```
#306ce9 rgb(48,108,233)
```
#2769f2
```
#2769f2 rgb(39,105,242)
```
#1e66fb
```
#1e66fb rgb(30,102,251)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#596681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#0e71eb Protanomaly 1% of men, 0.01% of women
#0e75d8 Deuteranomaly 6% of men, 0.4% of women
#0e7bb1 Tritanomaly 0.01% of the population

#2769f2 hex color

#2769f2 Color Information

#2769f2 Color Conversion

Color Schemes with #2769f2

Alternatives to #2769f2

#2769f2 Preview

Shades and Tints of #2769f2

Tones of #2769f2

Color Blindness Simulator