0 views

#2f3cf3 - Color Information

#2f3cf3

Base Information

HEX

#2f3cf3

RGB

47,60,243

HSL

236,89,57

HSV

236,81,95

CMYK

81,75,0,5

LAB

38,58,-91

LCH

38,108,302

XYZ

19,10,86

Web Safe

#3333ff

Web Smart

#3344ee

is dark

Yes

luminosity

0.1031

Pantone Color

Combinations

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

#2f3cf3

#F3E62F

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

#2f3cf3

#F3842F

#9EF32F

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

#2f3cf3

#F32F3C

#3CF32F

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

#2f3cf3

#F32F9E

#F3E62F

#2FF384

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

#2f3cf3

#F3E62F

#F3842F

#9EF32F

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

#2f3cf3

#842FF3

#E62FF3

#F32F9E

Shades

#2f3cf3 Light Tints

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

#2F3CF3

#4450F4

#5963F5

#6D77F7

#828AF8

#979EF9

#ACB1FA

#C1C5FB

#D5D8FD

#EAECFE

#2f3cf3 Gray Shades

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

#2F3CF3

#3743E8

#3F4ADC

#4750D1

#4F57C5

#585EBA

#6065AE

#686CA3

#707297

#78798C

#2f3cf3 Dark Shades

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

#2F3CF3

#2A36DB

#2630C2

#212AAA

#1C2492

#181E7A

#131861

#0E1249

#090C31

#050618

#2f3cf3 Red Shades

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

#2F3CF3

#4436DB

#5930C2

#6D2AAA

#822492

#971E7A

#AC1861

#C11249

#D50C31

#EA0618

#2f3cf3 Green Shades

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

#2F3CF3

#2A43DB

#264AC2

#2150AA

#1C5792

#185E7A

#136561

#0E6C49

#097231

#057918

#2f3cf3 Blue Shades

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

#2F3CF3

#2A36F4

#2630F5

#212AF7

#1C24F8

#181EF9

#1318FA

#0E12FB

#090CFD

#0506FE

Readability Analysis

#2f3cf3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.86	AA	Sample Text
Black	3.06	A	Sample Text
Red	1.72	Fail	Sample Text
Green	1.34	Fail	Sample Text
Blue	1.25	Fail	Sample Text

#2f3cf3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.86	AA	Sample Text
Black	3.06	A	Sample Text
Red	1.72	Fail	Sample Text
Green	1.34	Fail	Sample Text
Blue	1.25	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#114ecc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1151bb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#11569c`
Protanopia	No red perception - Dichromacy	`#0058b6`
Deuteranopia	No green perception - Dichromacy	`#005e9b`
Tritanopia	No blue perception - Dichromacy	`#00656a`
Achromatomaly	Partial color blindness - Monochromacy	`#3e4385`
Achromatopsia	Complete color blindness - Monochromacy	`#464646`

#2f3cf3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f3cf3 Light Tints

#2f3cf3 Gray Shades

#2f3cf3 Dark Shades

#2f3cf3 Red Shades

#2f3cf3 Green Shades

#2f3cf3 Blue Shades

Readability Analysis

#2f3cf3 as Text Color

#2f3cf3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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