0 views

#2b5a9f - Color Information

#2b5a9f

Base Information

HEX

#2b5a9f

RGB

43,90,159

HSL

216,57,40

HSV

216,73,62

CMYK

73,43,0,38

LAB

38,8,-42

LCH

38,43,281

XYZ

11,10,34

Web Safe

#336699

Web Smart

#335599

is dark

Yes

luminosity

0.1033

Pantone Color

Combinations

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

#2b5a9f

#9F702B

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

#2b5a9f

#9F362B

#949F2B

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

#2b5a9f

#9F2B5A

#5A9F2B

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

#2b5a9f

#9F2B94

#9F702B

#2B9F36

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

#2b5a9f

#9F702B

#9F362B

#949F2B

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

#2b5a9f

#362B9F

#702B9F

#9F2B94

Shades

#2b5a9f Light Tints

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

#2B5A9F

#406BA9

#557BB2

#6B8CBC

#809CC5

#95ADCF

#AABDD9

#BFCEE2

#D5DEEC

#EAEFF5

#2b5a9f Gray Shades

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

#2B5A9F

#345E9C

#3C6299

#456596

#4D6993

#566D90

#5E718C

#677589

#6F7886

#787C83

#2b5a9f Dark Shades

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

#2B5A9F

#27518F

#22487F

#1E3F6F

#1A365F

#162D50

#112440

#0D1B30

#091220

#040910

#2b5a9f Red Shades

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

#2B5A9F

#40518F

#55487F

#6B3F6F

#80365F

#952D50

#AA2440

#BF1B30

#D51220

#EA0910

#2b5a9f Green Shades

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

#2B5A9F

#275E8F

#22627F

#1E656F

#1A695F

#166D50

#117140

#0D7530

#097820

#047C10

#2b5a9f Blue Shades

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

#2B5A9F

#2751A9

#2248B2

#1E3FBC

#1A36C5

#162DCF

#1124D9

#0D1BE2

#0912EC

#0409F5

Readability Analysis

#2b5a9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.85	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.25	Fail	Sample Text

#2b5a9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.85	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.25	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#35599d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#255b9e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#10617f`
Protanopia	No red perception - Dichromacy	`#3b599c`
Deuteranopia	No green perception - Dichromacy	`#225c9d`
Tritanopia	No blue perception - Dichromacy	`#00656c`
Achromatomaly	Partial color blindness - Monochromacy	`#465770`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#2b5a9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2b5a9f Light Tints

#2b5a9f Gray Shades

#2b5a9f Dark Shades

#2b5a9f Red Shades

#2b5a9f Green Shades

#2b5a9f Blue Shades

Readability Analysis

#2b5a9f as Text Color

#2b5a9f as Background Color

Color Blindness Simulation

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

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

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

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

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

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