0 views

#1f636c - Color Information

#1f636c

Base Information

HEX

#1f636c

RGB

31,99,108

HSL

187,55,27

HSV

187,71,42

CMYK

71,8,0,58

LAB

38,-18,-11

LCH

38,21,213

XYZ

8,10,16

Web Safe

#336666

Web Smart

#226666

is dark

Yes

luminosity

0.1030

Pantone Color

Combinations

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

#1f636c

#6C281F

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

#1f636c

#6C1F3D

#6C4E1F

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

#1f636c

#6C1F63

#636C1F

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

#1f636c

#4E1F6C

#6C281F

#3D6C1F

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

#1f636c

#6C281F

#6C1F3D

#6C4E1F

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

#1f636c

#1F3D6C

#281F6C

#4E1F6C

Shades

#1f636c Light Tints

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

#1F636C

#35737B

#4C8289

#629298

#79A1A7

#8FB1B6

#A5C1C4

#BCD0D3

#D2E0E2

#E9EFF0

#1f636c Gray Shades

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

#1F636C

#29666E

#326970

#3C6C72

#466F74

#507276

#597478

#63777A

#6D7A7C

#767D7E

#1f636c Dark Shades

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

#1F636C

#1C5961

#194F56

#16454C

#133B41

#103236

#0C282B

#091E20

#061416

#030A0B

#1f636c Red Shades

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

#1F636C

#355961

#4C4F56

#62454C

#793B41

#8F3236

#A5282B

#BC1E20

#D21416

#E90A0B

#1f636c Green Shades

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

#1F636C

#1C6661

#196956

#166C4C

#136F41

#107236

#0C742B

#097720

#067A16

#037D0B

#1f636c Blue Shades

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

#1F636C

#1C597B

#194F89

#164598

#133BA7

#1032B6

#0C28C4

#091ED3

#0614E2

#030AF0

Readability Analysis

#1f636c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.86	AA	Sample Text
Black	3.06	A	Sample Text
Red	1.72	Fail	Sample Text
Green	1.34	Fail	Sample Text
Blue	1.25	Fail	Sample Text

#1f636c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.86	AA	Sample Text
Black	3.06	A	Sample Text
Red	1.72	Fail	Sample Text
Green	1.34	Fail	Sample Text
Blue	1.25	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#445d68`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#445d6e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#22636b`
Protanopia	No red perception - Dichromacy	`#595a66`
Deuteranopia	No green perception - Dichromacy	`#595970`
Tritanopia	No blue perception - Dichromacy	`#24636b`
Achromatomaly	Partial color blindness - Monochromacy	`#415a5d`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#1f636c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f636c Light Tints

#1f636c Gray Shades

#1f636c Dark Shades

#1f636c Red Shades

#1f636c Green Shades

#1f636c Blue Shades

Readability Analysis

#1f636c as Text Color

#1f636c as Background Color

Color Blindness Simulation

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

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

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

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

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

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