#2f7cda hex color

In a RGB color space, hex #2f7cda is composed of 18.4% red, 48.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 43.1% magenta, 0% yellow and 14.5% black. It has a hue angle of 213 degrees, a saturation of 69.8% and a lightness of 52%. #2f7cda color hex could be obtained by blending #5ef8ff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 49
- B 85
RGB color chart
- C 78
- M 43
- Y 0
- K 15
CMYK color chart

● #2f7cda color description : Bright blue.

The hexadecimal color #2f7cda has RGB values of R:47, G:124, B:218 and CMYK values of C:0.78, M:0.43, Y:0, K:0.15. Its decimal value is 3112154.

Hex triplet	2f7cda	`#2f7cda`
RGB Decimal	47, 124, 218	`rgb(47,124,218)`
RGB Percent	18.4, 48.6, 85.5	`rgb(18.4%,48.6%,85.5%)`
CMYK	78, 43, 0, 15
HSL	213°, 69.8, 52	`hsl(213,69.8%,52%)`
HSV (or HSB)	213°, 78.4, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.927, 9.634, -54.749
XYZ	21.032, 20.08, 69.093
xyY	0.191, 0.182, 20.08
CIE-LCH	51.927, 55.59, 279.98
CIE-LUV	51.927, -26.301, -85.76
Hunter-Lab	44.811, 5.361, -60.051
Binary	00101111, 01111100, 11011010

#2f7cda
```
#2f7cda rgb(47,124,218)
```
#da8d2f
```
#da8d2f rgb(218,141,47)
```

Complementary Color

#2fd2da
```
#2fd2da rgb(47,210,218)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#382fda
```
#382fda rgb(56,47,218)
```

Analogous Color

#d2da2f
```
#d2da2f rgb(210,218,47)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#da382f
```
#da382f rgb(218,56,47)
```

Split Complementary Color

#7cda2f
```
#7cda2f rgb(124,218,47)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#da2f7c
```
#da2f7c rgb(218,47,124)
```

Triadic Color

#2fda8d
```
#2fda8d rgb(47,218,141)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#da2f7c
```
#da2f7c rgb(218,47,124)
```
#da8d2f
```
#da8d2f rgb(218,141,47)
```

Tetradic Color

#1c58a0
```
#1c58a0 rgb(28,88,160)
```
#2064b6
```
#2064b6 rgb(32,100,182)
```
#246fcb
```
#246fcb rgb(36,111,203)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#458ade
```
#458ade rgb(69,138,222)
```
#5a97e2
```
#5a97e2 rgb(90,151,226)
```
#70a5e6
```
#70a5e6 rgb(112,165,230)
```

Monochromatic Color

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

#2fa7da
```
#2fa7da rgb(47,167,218)
```
#2f99da
```
#2f99da rgb(47,153,218)
```
#2f8ada
```
#2f8ada rgb(47,138,218)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#2f6eda
```
#2f6eda rgb(47,110,218)
```
#2f5fda
```
#2f5fda rgb(47,95,218)
```
#2f51da
```
#2f51da rgb(47,81,218)
```

Similar Colors

Text with hexadecimal color #2f7cda

This text has a font color of #2f7cda.

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

#2f7cda background color

This paragraph has a background color of #2f7cda.

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

#2f7cda border color

This element has a border color of #2f7cda.

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

CSS codes

.text {color:#2f7cda;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#040e19
```
#040e19 rgb(4,14,25)
```
#07172a
```
#07172a rgb(7,23,42)
```
#0a203a
```
#0a203a rgb(10,32,58)
```
#0d294b
```
#0d294b rgb(13,41,75)
```
#10325c
```
#10325c rgb(16,50,92)
```
#133b6c
```
#133b6c rgb(19,59,108)
```
#16457d
```
#16457d rgb(22,69,125)
```
#194e8e
```
#194e8e rgb(25,78,142)
```
#1c579e
```
#1c579e rgb(28,87,158)
```
#1f60af
```
#1f60af rgb(31,96,175)
```
#2269c0
```
#2269c0 rgb(34,105,192)
```
#2572d0
```
#2572d0 rgb(37,114,208)
```

Shade Color Variation

#2f7cda
```
#2f7cda rgb(47,124,218)
```
#4086dd
```
#4086dd rgb(64,134,221)
```
#5091e0
```
#5091e0 rgb(80,145,224)
```
#619be3
```
#619be3 rgb(97,155,227)
```
#72a6e6
```
#72a6e6 rgb(114,166,230)
```
#82b0e9
```
#82b0e9 rgb(130,176,233)
```
#93bbec
```
#93bbec rgb(147,187,236)
```
#a4c5ef
```
#a4c5ef rgb(164,197,239)
```
#b4d0f2
```
#b4d0f2 rgb(180,208,242)
```
#c5daf5
```
#c5daf5 rgb(197,218,245)
```
#d6e5f8
```
#d6e5f8 rgb(214,229,248)
```
#e6effb
```
#e6effb rgb(230,239,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#848485
```
#848485 rgb(132,132,133)
```
#7a838f
```
#7a838f rgb(122,131,143)
```
#718398
```
#718398 rgb(113,131,152)
```
#6882a1
```
#6882a1 rgb(104,130,161)
```
#5e81ab
```
#5e81ab rgb(94,129,171)
```
#5580b4
```
#5580b4 rgb(85,128,180)
```
#4b7fbe
```
#4b7fbe rgb(75,127,190)
```
#427ec7
```
#427ec7 rgb(66,126,199)
```
#387dd1
```
#387dd1 rgb(56,125,209)
```
#2f7cda
```
#2f7cda rgb(47,124,218)
```
#267be3
```
#267be3 rgb(38,123,227)
```
#1c7aed
```
#1c7aed rgb(28,122,237)
```
#1379f6
```
#1379f6 rgb(19,121,246)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#557fd9 Protanopia 1% of men
#2484db Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#477ed9 Protanomaly 1% of men, 0.01% of women
#2881da Deuteranomaly 6% of men, 0.4% of women
#1188b0 Tritanomaly 0.01% of the population

#2f7cda hex color

#2f7cda Color Information

#2f7cda Color Conversion

Color Schemes with #2f7cda

Alternatives to #2f7cda

#2f7cda Preview

Shades and Tints of #2f7cda

Tones of #2f7cda

Color Blindness Simulator