0 views

#2f5dff - Color Information

#2f5dff

Base Information

HEX

#2f5dff

RGB

47,93,255

HSL

227,100,59

HSV

227,82,100

CMYK

82,64,0,0

LAB

47,43,-84

LCH

47,94,297

XYZ

23,16,96

Web Safe

#3366ff

Web Smart

#3355ff

is dark

Yes

luminosity

0.1565

Pantone Color

Combinations

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

#2f5dff

#FFD12F

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

#2f5dff

#FF692F

#C5FF2F

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

#2f5dff

#FF2F5D

#5DFF2F

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

#2f5dff

#FF2FC5

#FFD12F

#2FFF69

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

#2f5dff

#FFD12F

#FF692F

#C5FF2F

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

#2f5dff

#692FFF

#D12FFF

#FF2FC5

Shades

#2f5dff Light Tints

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

#2F5DFF

#446DFF

#597DFF

#6D8EFF

#829EFF

#97AEFF

#ACBEFF

#C1CEFF

#D5DFFF

#EAEFFF

#2f5dff Gray Shades

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

#2F5DFF

#3761F2

#3F64E6

#4768D9

#4F6BCC

#586FC0

#6072B3

#6876A6

#707999

#787D8D

#2f5dff Dark Shades

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

#2F5DFF

#2A54E6

#264ACC

#2141B3

#1C3899

#182F80

#132566

#0E1C4C

#091333

#050919

#2f5dff Red Shades

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

#2F5DFF

#4454E6

#594ACC

#6D41B3

#823899

#972F80

#AC2566

#C11C4C

#D51333

#EA0919

#2f5dff Green Shades

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

#2F5DFF

#2A61E6

#2664CC

#2168B3

#1C6B99

#186F80

#137266

#0E764C

#097933

#057D19

#2f5dff Blue Shades

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

#2F5DFF

#2A54FF

#264AFF

#2141FF

#1C38FF

#182FFF

#1325FF

#0E1CFF

#0913FF

#0509FF

Readability Analysis

#2f5dff as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.08	AA	Sample Text
Black	4.13	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

#2f5dff as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.08	AA	Sample Text
Black	4.13	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1165e9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#116ad5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#116faf`
Protanopia	No red perception - Dichromacy	`#006adc`
Deuteranopia	No green perception - Dichromacy	`#0071bd`
Tritanopia	No blue perception - Dichromacy	`#007a81`
Achromatomaly	Partial color blindness - Monochromacy	`#4d5e99`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#2f5dff - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f5dff Light Tints

#2f5dff Gray Shades

#2f5dff Dark Shades

#2f5dff Red Shades

#2f5dff Green Shades

#2f5dff Blue Shades

Readability Analysis

#2f5dff as Text Color

#2f5dff as Background Color

Color Blindness Simulation

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

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

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

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

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

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