0 views

#2b5e8f - Color Information

#2b5e8f

Base Information

HEX

#2b5e8f

RGB

43,94,143

HSL

209,54,36

HSV

209,70,56

CMYK

70,34,0,44

LAB

39,0,-32

LCH

39,32,270

XYZ

10,11,27

Web Safe

#336699

Web Smart

#336688

is dark

Yes

luminosity

0.1050

Pantone Color

Combinations

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

#2b5e8f

#8F5C2B

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

#2b5e8f

#8F2B2C

#8F8E2B

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

#2b5e8f

#8F2B5E

#5E8F2B

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

#2b5e8f

#8E2B8F

#8F5C2B

#2C8F2B

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

#2b5e8f

#8F5C2B

#8F2B2C

#8F8E2B

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

#2b5e8f

#2B2C8F

#5C2B8F

#8E2B8F

Shades

#2b5e8f Light Tints

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

#2B5E8F

#406E9A

#557EA5

#6B8EB1

#809EBC

#95AFC7

#AABFD2

#BFCFDD

#D5DFE9

#EAEFF4

#2b5e8f Gray Shades

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

#2B5E8F

#34618E

#3C658C

#45688B

#4D6C89

#566F88

#5E7286

#677685

#6F7983

#787D82

#2b5e8f Dark Shades

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

#2B5E8F

#275581

#224B72

#1E4264

#1A3856

#162F48

#112639

#0D1C2B

#09131D

#04090E

#2b5e8f Red Shades

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

#2B5E8F

#405581

#554B72

#6B4264

#803856

#952F48

#AA2639

#BF1C2B

#D5131D

#EA090E

#2b5e8f Green Shades

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

#2B5E8F

#276181

#226572

#1E6864

#1A6C56

#166F48

#117239

#0D762B

#09791D

#047D0E

#2b5e8f Blue Shades

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

#2B5E8F

#27559A

#224BA5

#1E42B1

#1A38BC

#162FC7

#1126D2

#0D1CDD

#0913E9

#0409F4

Readability Analysis

#2b5e8f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.77	AA	Sample Text
Black	3.10	A	Sample Text
Red	1.69	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.27	Fail	Sample Text

#2b5e8f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.77	AA	Sample Text
Black	3.10	A	Sample Text
Red	1.69	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.27	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3f5b8c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#375c8f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1b6279`
Protanopia	No red perception - Dichromacy	`#4a5a8a`
Deuteranopia	No green perception - Dichromacy	`#3f5c8f`
Tritanopia	No blue perception - Dichromacy	`#12656d`
Achromatomaly	Partial color blindness - Monochromacy	`#47596b`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#2b5e8f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2b5e8f Light Tints

#2b5e8f Gray Shades

#2b5e8f Dark Shades

#2b5e8f Red Shades

#2b5e8f Green Shades

#2b5e8f Blue Shades

Readability Analysis

#2b5e8f as Text Color

#2b5e8f as Background Color

Color Blindness Simulation

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

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

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

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

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

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