#2f7ccb hex color

In a RGB color space, hex #2f7ccb is composed of 18.4% red, 48.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 38.9% magenta, 0% yellow and 20.4% black. It has a hue angle of 210.4 degrees, a saturation of 62.4% and a lightness of 49%. #2f7ccb color hex could be obtained by blending #5ef8ff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 49
- B 80
RGB color chart
- C 77
- M 39
- Y 0
- K 20
CMYK color chart

● #2f7ccb color description : Strong blue.

The hexadecimal color #2f7ccb has RGB values of R:47, G:124, B:203 and CMYK values of C:0.77, M:0.39, Y:0, K:0.2. Its decimal value is 3112139.

Hex triplet	2f7ccb	`#2f7ccb`
RGB Decimal	47, 124, 203	`rgb(47,124,203)`
RGB Percent	18.4, 48.6, 79.6	`rgb(18.4%,48.6%,79.6%)`
CMYK	77, 39, 0, 20
HSL	210.4°, 62.4, 49	`hsl(210.4,62.4%,49%)`
HSV (or HSB)	210.4°, 76.8, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.071, 4.057, -47.613
XYZ	19.157, 19.33, 59.218
xyY	0.196, 0.198, 19.33
CIE-LCH	51.071, 47.786, 274.871
CIE-LUV	51.071, -26.833, -73.651
Hunter-Lab	43.966, 0.837, -49.082
Binary	00101111, 01111100, 11001011

#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#cb7e2f
```
#cb7e2f rgb(203,126,47)
```

Complementary Color

#2fcacb
```
#2fcacb rgb(47,202,203)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#302fcb
```
#302fcb rgb(48,47,203)
```

Analogous Color

#cacb2f
```
#cacb2f rgb(202,203,47)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#cb302f
```
#cb302f rgb(203,48,47)
```

Split Complementary Color

#7ccb2f
```
#7ccb2f rgb(124,203,47)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#cb2f7c
```
#cb2f7c rgb(203,47,124)
```

Triadic Color

#2fcb7e
```
#2fcb7e rgb(47,203,126)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#cb2f7c
```
#cb2f7c rgb(203,47,124)
```
#cb7e2f
```
#cb7e2f rgb(203,126,47)
```

Tetradic Color

#21568d
```
#21568d rgb(33,86,141)
```
#2563a2
```
#2563a2 rgb(37,99,162)
```
#2a6fb6
```
#2a6fb6 rgb(42,111,182)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#4189d3
```
#4189d3 rgb(65,137,211)
```
#5596d8
```
#5596d8 rgb(85,150,216)
```
#6aa3dd
```
#6aa3dd rgb(106,163,221)
```

Monochromatic Color

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

#2fa3cb
```
#2fa3cb rgb(47,163,203)
```
#2f96cb
```
#2f96cb rgb(47,150,203)
```
#2f89cb
```
#2f89cb rgb(47,137,203)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#2f6fcb
```
#2f6fcb rgb(47,111,203)
```
#2f62cb
```
#2f62cb rgb(47,98,203)
```
#2f55cb
```
#2f55cb rgb(47,85,203)
```

Similar Colors

Text with hexadecimal color #2f7ccb

This text has a font color of #2f7ccb.

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

#2f7ccb background color

This paragraph has a background color of #2f7ccb.

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

#2f7ccb border color

This element has a border color of #2f7ccb.

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

CSS codes

.text {color:#2f7ccb;}

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

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

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, #03070c is the darkest color, while #fbfcfe is the lightest one.

#03070c
```
#03070c rgb(3,7,12)
```
#06111c
```
#06111c rgb(6,17,28)
```
#0a1b2c
```
#0a1b2c rgb(10,27,44)
```
#0e243c
```
#0e243c rgb(14,36,60)
```
#112e4c
```
#112e4c rgb(17,46,76)
```
#15385c
```
#15385c rgb(21,56,92)
```
#19426b
```
#19426b rgb(25,66,107)
```
#1d4b7b
```
#1d4b7b rgb(29,75,123)
```
#20558b
```
#20558b rgb(32,85,139)
```
#245f9b
```
#245f9b rgb(36,95,155)
```
#2869ab
```
#2869ab rgb(40,105,171)
```
#2b72bb
```
#2b72bb rgb(43,114,187)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```

Shade Color Variation

#3c86d2
```
#3c86d2 rgb(60,134,210)
```
#4c90d5
```
#4c90d5 rgb(76,144,213)
```
#5c9ad9
```
#5c9ad9 rgb(92,154,217)
```
#6ca4dd
```
#6ca4dd rgb(108,164,221)
```
#7cade1
```
#7cade1 rgb(124,173,225)
```
#8bb7e4
```
#8bb7e4 rgb(139,183,228)
```
#9bc1e8
```
#9bc1e8 rgb(155,193,232)
```
#abcbec
```
#abcbec rgb(171,203,236)
```
#bbd5ef
```
#bbd5ef rgb(187,213,239)
```
#cbdff3
```
#cbdff3 rgb(203,223,243)
```
#dbe9f7
```
#dbe9f7 rgb(219,233,247)
```
#ebf3fa
```
#ebf3fa rgb(235,243,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d7e is the less saturated color, while #097cf1 is the most saturated one.

#7c7d7e
```
#7c7d7e rgb(124,125,126)
```
#727d88
```
#727d88 rgb(114,125,136)
```
#697d91
```
#697d91 rgb(105,125,145)
```
#5f7d9b
```
#5f7d9b rgb(95,125,155)
```
#557ca5
```
#557ca5 rgb(85,124,165)
```
#4c7cae
```
#4c7cae rgb(76,124,174)
```
#427cb8
```
#427cb8 rgb(66,124,184)
```
#397cc1
```
#397cc1 rgb(57,124,193)
```
#2f7ccb
```
#2f7ccb rgb(47,124,203)
```
#257cd5
```
#257cd5 rgb(37,124,213)
```
#1c7cde
```
#1c7cde rgb(28,124,222)
```
#127ce8
```
#127ce8 rgb(18,124,232)
```
#097cf1
```
#097cf1 rgb(9,124,241)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#617181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f7ec9 Protanopia 1% of men
#4381ce Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#4d7dca Protanomaly 1% of men, 0.01% of women
#3c7fcd Deuteranomaly 6% of men, 0.4% of women
#1186a9 Tritanomaly 0.01% of the population

#2f7ccb hex color

#2f7ccb Color Information

#2f7ccb Color Conversion

Color Schemes with #2f7ccb

Alternatives to #2f7ccb

#2f7ccb Preview

Shades and Tints of #2f7ccb

Tones of #2f7ccb

Color Blindness Simulator