0 views

#1b336c - Color Information

#1b336c

Base Information

HEX

#1b336c

RGB

27,51,108

HSL

222,60,26

HSV

222,75,42

CMYK

75,53,0,58

LAB

23,12,-36

LCH

23,38,289

XYZ

4,4,15

Web Safe

#333366

Web Smart

#223366

is dark

Yes

luminosity

0.0368

Pantone Color

Combinations

#1b336c complementary
Colors that are opposite to each other, forming a contrasting pair.

#1b336c

#6C541B

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

#1b336c

#6C2B1B

#5C6C1B

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

#1b336c

#6C1B33

#336C1B

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

#1b336c

#6C1B5C

#6C541B

#1B6C2B

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

#1b336c

#6C541B

#6C2B1B

#5C6C1B

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

#1b336c

#2B1B6C

#541B6C

#6C1B5C

Shades

#1b336c Light Tints

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

#1B336C

#32477B

#495C89

#5F7098

#7685A7

#8D99B6

#A4ADC4

#BBC2D3

#D1D6E2

#E8EBF0

#1b336c Gray Shades

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

#1B336C

#253B6E

#2F4270

#394A72

#435274

#4E5A76

#586178

#62697A

#6C717C

#76787E

#1b336c Dark Shades

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

#1B336C

#182E61

#162956

#13244C

#101F41

#0E1A36

#0B142B

#080F20

#050A16

#03050B

#1b336c Red Shades

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

#1B336C

#322E61

#492956

#5F244C

#761F41

#8D1A36

#A4142B

#BB0F20

#D10A16

#E8050B

#1b336c Green Shades

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

#1B336C

#183B61

#164256

#134A4C

#105241

#0E5A36

#0B612B

#086920

#057116

#03780B

#1b336c Blue Shades

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

#1B336C

#182E7B

#162989

#132498

#101FA7

#0E1AB6

#0B14C4

#080FD3

#050AE2

#0305F0

Readability Analysis

#1b336c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.09	AAA	Sample Text
Black	1.74	Fail	Sample Text
Red	3.02	A	Sample Text
Green	2.35	Fail	Sample Text
Blue	1.41	Fail	Sample Text

#1b336c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.09	AAA	Sample Text
Black	1.74	Fail	Sample Text
Red	3.02	A	Sample Text
Green	2.35	Fail	Sample Text
Blue	1.41	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#19366c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0a3767`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0a3b52`
Protanopia	No red perception - Dichromacy	`#18376d`
Deuteranopia	No green perception - Dichromacy	`#003a64`
Tritanopia	No blue perception - Dichromacy	`#003f44`
Achromatomaly	Partial color blindness - Monochromacy	`#2a3247`
Achromatopsia	Complete color blindness - Monochromacy	`#323232`

#1b336c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#1b336c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#1b336c Light Tints

#1b336c Gray Shades

#1b336c Dark Shades

#1b336c Red Shades

#1b336c Green Shades

#1b336c Blue Shades

Readability Analysis

#1b336c as Text Color

#1b336c as Background Color

Color Blindness Simulation

#1b336c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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