0 views

#2f5d9f - Color Information

#2f5d9f

Base Information

HEX

#2f5d9f

RGB

47,93,159

HSL

215,54,40

HSV

215,70,62

CMYK

70,42,0,38

LAB

39,7,-40

LCH

39,41,280

XYZ

11,11,34

Web Safe

#336699

Web Smart

#335599

is dark

Yes

luminosity

0.1094

Pantone Color

Combinations

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

#2f5d9f

#9F712F

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

#2f5d9f

#9F392F

#959F2F

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

#2f5d9f

#9F2F5D

#5D9F2F

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

#2f5d9f

#9F2F95

#9F712F

#2F9F39

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

#2f5d9f

#9F712F

#9F392F

#959F2F

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

#2f5d9f

#392F9F

#712F9F

#9F2F95

Shades

#2f5d9f Light Tints

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

#2F5D9F

#446DA9

#597DB2

#6D8EBC

#829EC5

#97AECF

#ACBED9

#C1CEE2

#D5DFEC

#EAEFF5

#2f5d9f Gray Shades

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

#2F5D9F

#37619C

#3F6499

#476896

#4F6B93

#586F90

#60728C

#687689

#707986

#787D83

#2f5d9f Dark Shades

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

#2F5D9F

#2A548F

#264A7F

#21416F

#1C385F

#182F50

#132540

#0E1C30

#091320

#050910

#2f5d9f Red Shades

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

#2F5D9F

#44548F

#594A7F

#6D416F

#82385F

#972F50

#AC2540

#C11C30

#D51320

#EA0910

#2f5d9f Green Shades

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

#2F5D9F

#2A618F

#26647F

#21686F

#1C6B5F

#186F50

#137240

#0E7630

#097920

#057D10

#2f5d9f Blue Shades

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

#2F5D9F

#2A54A9

#264AB2

#2141BC

#1C38C5

#182FCF

#1325D9

#0E1CE2

#0913EC

#0509F5

Readability Analysis

#2f5d9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.59	AA	Sample Text
Black	3.19	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.30	Fail	Sample Text

#2f5d9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.59	AA	Sample Text
Black	3.19	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.30	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3a5c9d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2d5e9e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#116381`
Protanopia	No red perception - Dichromacy	`#415b9c`
Deuteranopia	No green perception - Dichromacy	`#2c5e9d`
Tritanopia	No blue perception - Dichromacy	`#00676f`
Achromatomaly	Partial color blindness - Monochromacy	`#495a72`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#2f5d9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f5d9f Light Tints

#2f5d9f Gray Shades

#2f5d9f Dark Shades

#2f5d9f Red Shades

#2f5d9f Green Shades

#2f5d9f Blue Shades

Readability Analysis

#2f5d9f as Text Color

#2f5d9f as Background Color

Color Blindness Simulation

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

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

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

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

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

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