0 views

#2f5cfe - Color Information

#2f5cfe

Base Information

HEX

#2f5cfe

RGB

47,92,254

HSL

227,99,59

HSV

227,81,100

CMYK

81,64,0,0

LAB

46,43,-84

LCH

46,95,297

XYZ

23,15,96

Web Safe

#3366ff

Web Smart

#3355ff

is dark

Yes

luminosity

0.1541

Pantone Color

Combinations

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

#2f5cfe

#FED12F

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

#2f5cfe

#FE6A2F

#C3FE2F

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

#2f5cfe

#FE2F5C

#5CFE2F

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

#2f5cfe

#FE2FC3

#FED12F

#2FFE6A

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

#2f5cfe

#FED12F

#FE6A2F

#C3FE2F

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

#2f5cfe

#6A2FFE

#D12FFE

#FE2FC3

Shades

#2f5cfe Light Tints

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

#2F5CFE

#446CFE

#597DFE

#6D8DFE

#829DFE

#97AEFF

#ACBEFF

#C1CEFF

#D5DEFF

#EAEFFF

#2f5cfe Gray Shades

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

#2F5CFE

#3760F1

#3F63E5

#4767D8

#4F6ACC

#586EBF

#6072B2

#6875A6

#707999

#787C8D

#2f5cfe Dark Shades

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

#2F5CFE

#2A53E5

#264ACB

#2140B2

#1C3798

#182E7F

#132566

#0E1C4C

#091233

#050919

#2f5cfe Red Shades

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

#2F5CFE

#4453E5

#594ACB

#6D40B2

#823798

#972E7F

#AC2566

#C11C4C

#D51233

#EA0919

#2f5cfe Green Shades

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

#2F5CFE

#2A60E5

#2663CB

#2167B2

#1C6A98

#186E7F

#137266

#0E754C

#097933

#057C19

#2f5cfe Blue Shades

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

#2F5CFE

#2A53FE

#264AFE

#2140FE

#1C37FE

#182EFF

#1325FF

#0E1CFF

#0912FF

#0509FF

Readability Analysis

#2f5cfe as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.14	AA	Sample Text
Black	4.08	A	Sample Text
Red	1.29	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.67	Fail	Sample Text

#2f5cfe as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.14	AA	Sample Text
Black	4.08	A	Sample Text
Red	1.29	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.67	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1165e8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1169d4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#116eae`
Protanopia	No red perception - Dichromacy	`#006adb`
Deuteranopia	No green perception - Dichromacy	`#0070bc`
Tritanopia	No blue perception - Dichromacy	`#007980`
Achromatomaly	Partial color blindness - Monochromacy	`#4d5d98`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#2f5cfe - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f5cfe Light Tints

#2f5cfe Gray Shades

#2f5cfe Dark Shades

#2f5cfe Red Shades

#2f5cfe Green Shades

#2f5cfe Blue Shades

Readability Analysis

#2f5cfe as Text Color

#2f5cfe as Background Color

Color Blindness Simulation

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

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

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

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

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

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