0 views

#2f6fd5 - Color Information

#2f6fd5

Base Information

HEX

#2f6fd5

RGB

47,111,213

HSL

217,66,51

HSV

217,78,84

CMYK

78,48,0,16

LAB

48,16,-58

LCH

48,60,285

XYZ

19,17,65

Web Safe

#3366cc

Web Smart

#3377dd

is dark

Yes

luminosity

0.1678

Pantone Color

Combinations

#2f6fd5 complementary
Colors that are opposite to each other, forming a contrasting pair.

#2f6fd5

#D5952F

#2f6fd5 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#2f6fd5

#D5422F

#C2D52F

#2f6fd5 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#2f6fd5

#D52F6F

#6FD52F

#2f6fd5 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#2f6fd5

#D52FC2

#D5952F

#2FD542

#2f6fd5 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#2f6fd5

#D5952F

#D5422F

#C2D52F

#2f6fd5 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#2f6fd5

#422FD5

#952FD5

#D52FC2

Shades

#2f6fd5 Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#2F6FD5

#447DD9

#598CDD

#6D9AE2

#82A9E6

#97B7EA

#ACC5EE

#C1D4F2

#D5E2F7

#EAF1FB

#2f6fd5 Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#2F6FD5

#3771CD

#3F72C4

#4774BC

#4F76B3

#5878AB

#6079A2

#687B9A

#707D91

#787E89

#2f6fd5 Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#2F6FD5

#2A64C0

#2659AA

#214E95

#1C4380

#18386B

#132C55

#0E2140

#09162B

#050B15

#2f6fd5 Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#2F6FD5

#4464C0

#5959AA

#6D4E95

#824380

#97386B

#AC2C55

#C12140

#D5162B

#EA0B15

#2f6fd5 Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#2F6FD5

#2A71C0

#2672AA

#217495

#1C7680

#18786B

#137955

#0E7B40

#097D2B

#057E15

#2f6fd5 Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#2F6FD5

#2A64D9

#2659DD

#214EE2

#1C43E6

#1838EA

#132CEE

#0E21F2

#0916F7

#050BFB

Readability Analysis

#2f6fd5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.82	AA	Sample Text
Black	4.36	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.78	Fail	Sample Text

#2f6fd5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.82	AA	Sample Text
Black	4.36	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.78	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#346ed4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1172cd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1178a3`
Protanopia	No red perception - Dichromacy	`#376ed3`
Deuteranopia	No green perception - Dichromacy	`#0074c8`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#546b90`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#2f6fd5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2f6fd5 complementaryColors that are opposite to each other, forming a contrasting pair.

#2f6fd5 splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#2f6fd5 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#2f6fd5 tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#2f6fd5 analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#2f6fd5 analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#2f6fd5 Light Tints

#2f6fd5 Gray Shades

#2f6fd5 Dark Shades

#2f6fd5 Red Shades

#2f6fd5 Green Shades

#2f6fd5 Blue Shades

Readability Analysis

#2f6fd5 as Text Color

#2f6fd5 as Background Color

Color Blindness Simulation

#2f6fd5 complementary
Colors that are opposite to each other, forming a contrasting pair.

#2f6fd5 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#2f6fd5 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#2f6fd5 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#2f6fd5 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#2f6fd5 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.