0 views

#2f6cdf - Color Information

#2f6cdf

Base Information

HEX

#2f6cdf

RGB

47,108,223

HSL

219,73,53

HSV

219,79,87

CMYK

79,52,0,13

LAB

48,22,-64

LCH

48,68,289

XYZ

20,17,72

Web Safe

#3366cc

Web Smart

#3366dd

is dark

Yes

luminosity

0.1666

Pantone Color

Combinations

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

#2f6cdf

#DFA22F

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

#2f6cdf

#DF4A2F

#C4DF2F

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

#2f6cdf

#DF2F6C

#6CDF2F

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

#2f6cdf

#DF2FC4

#DFA22F

#2FDF4A

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

#2f6cdf

#DFA22F

#DF4A2F

#C4DF2F

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

#2f6cdf

#4A2FDF

#A22FDF

#DF2FC4

Shades

#2f6cdf Light Tints

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

#2F6CDF

#447BE2

#5989E5

#6D98E9

#82A7EC

#97B6EF

#ACC4F2

#C1D3F5

#D5E2F9

#EAF0FC

#2f6cdf Gray Shades

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

#2F6CDF

#376ED6

#3F70CC

#4772C3

#4F74B9

#5876B0

#6078A6

#687A9D

#707C93

#787E8A

#2f6cdf Dark Shades

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

#2F6CDF

#2A61C9

#2656B2

#214C9C

#1C4186

#183670

#132B59

#0E2043

#09162D

#050B16

#2f6cdf Red Shades

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

#2F6CDF

#4461C9

#5956B2

#6D4C9C

#824186

#973670

#AC2B59

#C12043

#D5162D

#EA0B16

#2f6cdf Green Shades

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

#2F6CDF

#2A6EC9

#2670B2

#21729C

#1C7486

#187670

#137859

#0E7A43

#097C2D

#057E16

#2f6cdf Blue Shades

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

#2F6CDF

#2A61E2

#2656E5

#214CE9

#1C41EC

#1836EF

#132BF2

#0E20F5

#0916F9

#050BFC

Readability Analysis

#2f6cdf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#2f6cdf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#246ddf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1171cf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1177a6`
Protanopia	No red perception - Dichromacy	`#1e6de0`
Deuteranopia	No green perception - Dichromacy	`#0074c6`
Tritanopia	No blue perception - Dichromacy	`#007d85`
Achromatomaly	Partial color blindness - Monochromacy	`#536993`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#2f6cdf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f6cdf Light Tints

#2f6cdf Gray Shades

#2f6cdf Dark Shades

#2f6cdf Red Shades

#2f6cdf Green Shades

#2f6cdf Blue Shades

Readability Analysis

#2f6cdf as Text Color

#2f6cdf as Background Color

Color Blindness Simulation

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

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

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

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

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

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