#2f6dee hex color

In a RGB color space, hex #2f6dee is composed of 18.4% red, 42.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 54.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 220.5 degrees, a saturation of 84.9% and a lightness of 55.9%. #2f6dee color hex could be obtained by blending #5edaff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 43
- B 93
RGB color chart
- C 80
- M 54
- Y 0
- K 7
CMYK color chart

● #2f6dee color description : Bright blue.

The hexadecimal color #2f6dee has RGB values of R:47, G:109, B:238 and CMYK values of C:0.8, M:0.54, Y:0, K:0.07. Its decimal value is 3108334.

Hex triplet	2f6dee	`#2f6dee`
RGB Decimal	47, 109, 238	`rgb(47,109,238)`
RGB Percent	18.4, 42.7, 93.3	`rgb(18.4%,42.7%,93.3%)`
CMYK	80, 54, 0, 7
HSL	220.5°, 84.9, 55.9	`hsl(220.5,84.9%,55.9%)`
HSV (or HSB)	220.5°, 80.3, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.146, 26.519, -70.481
XYZ	22.07, 17.713, 83.14
xyY	0.18, 0.144, 17.713
CIE-LCH	49.146, 75.305, 290.619
CIE-LUV	49.146, -21.403, -109.618
Hunter-Lab	42.087, 19.953, -87.663
Binary	00101111, 01101101, 11101110

#2f6dee
```
#2f6dee rgb(47,109,238)
```
#eeb02f
```
#eeb02f rgb(238,176,47)
```

Complementary Color

#2fcdee
```
#2fcdee rgb(47,205,238)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#512fee
```
#512fee rgb(81,47,238)
```

Analogous Color

#cdee2f
```
#cdee2f rgb(205,238,47)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#ee502f
```
#ee502f rgb(238,80,47)
```

Split Complementary Color

#6dee2f
```
#6dee2f rgb(109,238,47)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#ee2f6d
```
#ee2f6d rgb(238,47,109)
```

Triadic Color

#2feeb0
```
#2feeb0 rgb(47,238,176)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#ee2f6d
```
#ee2f6d rgb(238,47,109)
```
#eeb02f
```
#eeb02f rgb(238,176,47)
```

Tetradic Color

#1049c1
```
#1049c1 rgb(16,73,193)
```
#1252d8
```
#1252d8 rgb(18,82,216)
```
#175cec
```
#175cec rgb(23,92,236)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#477ef0
```
#477ef0 rgb(71,126,240)
```
#5e8ef2
```
#5e8ef2 rgb(94,142,242)
```
#769ff4
```
#769ff4 rgb(118,159,244)
```

Monochromatic Color

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

#2f9dee
```
#2f9dee rgb(47,157,238)
```
#2f8dee
```
#2f8dee rgb(47,141,238)
```
#2f7dee
```
#2f7dee rgb(47,125,238)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#2f5dee
```
#2f5dee rgb(47,93,238)
```
#2f4dee
```
#2f4dee rgb(47,77,238)
```
#2f3dee
```
#2f3dee rgb(47,61,238)
```

Similar Colors

Text with hexadecimal color #2f6dee

This text has a font color of #2f6dee.

<span style="color:#2f6dee;">Text here</span>

#2f6dee background color

This paragraph has a background color of #2f6dee.

<p style="background-color:#2f6dee;">Content here</p>

#2f6dee border color

This element has a border color of #2f6dee.

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

CSS codes

.text {color:#2f6dee;}

.background {background-color:#2f6dee;}

.border {border:1px solid #2f6dee;}

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, #01040a is the darkest color, while #f6f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#04112e
```
#04112e rgb(4,17,46)
```
#051840
```
#051840 rgb(5,24,64)
```
#071f52
```
#071f52 rgb(7,31,82)
```
#082664
```
#082664 rgb(8,38,100)
```
#0a2d76
```
#0a2d76 rgb(10,45,118)
```
#0b3489
```
#0b3489 rgb(11,52,137)
```
#0d3b9b
```
#0d3b9b rgb(13,59,155)
```
#0e42ad
```
#0e42ad rgb(14,66,173)
```
#1049bf
```
#1049bf rgb(16,73,191)
```
#114fd1
```
#114fd1 rgb(17,79,209)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```

Shade Color Variation

#1d60ed
```
#1d60ed rgb(29,96,237)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#417aef
```
#417aef rgb(65,122,239)
```
#5386f1
```
#5386f1 rgb(83,134,241)
```
#6593f2
```
#6593f2 rgb(101,147,242)
```
#78a0f4
```
#78a0f4 rgb(120,160,244)
```
#8aadf5
```
#8aadf5 rgb(138,173,245)
```
#9cb9f7
```
#9cb9f7 rgb(156,185,247)
```
#aec6f8
```
#aec6f8 rgb(174,198,248)
```
#c0d3fa
```
#c0d3fa rgb(192,211,250)
```
#d2e0fb
```
#d2e0fb rgb(210,224,251)
```
#e4ecfd
```
#e4ecfd rgb(228,236,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#868b97
```
#868b97 rgb(134,139,151)
```
#7d88a0
```
#7d88a0 rgb(125,136,160)
```
#7485a9
```
#7485a9 rgb(116,133,169)
```
#6c82b1
```
#6c82b1 rgb(108,130,177)
```
#637fba
```
#637fba rgb(99,127,186)
```
#5a7cc3
```
#5a7cc3 rgb(90,124,195)
```
#5279cb
```
#5279cb rgb(82,121,203)
```
#4976d4
```
#4976d4 rgb(73,118,212)
```
#4073dd
```
#4073dd rgb(64,115,221)
```
#3870e5
```
#3870e5 rgb(56,112,229)
```
#2f6dee
```
#2f6dee rgb(47,109,238)
```
#266af7
```
#266af7 rgb(38,106,247)
```

Tone Color Variation

Below, you can see how #2f6dee 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

#696969 Achromatopsia 0.005% of the population
#5d6a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007ece Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#1174ec Protanomaly 1% of men, 0.01% of women
#1178d9 Deuteranomaly 6% of men, 0.4% of women
#117eb2 Tritanomaly 0.01% of the population

#2f6dee hex color

#2f6dee Color Information

#2f6dee Color Conversion

Color Schemes with #2f6dee

Alternatives to #2f6dee

#2f6dee Preview

Shades and Tints of #2f6dee

Tones of #2f6dee

Color Blindness Simulator