0 views

#1f6f9f - Color Information

#1f6f9f

Base Information

HEX

#1f6f9f

RGB

31,111,159

HSL

203,67,37

HSV

203,81,62

CMYK

81,30,0,38

LAB

44,-6,-33

LCH

44,33,259

XYZ

13,14,35

Web Safe

#336699

Web Smart

#227799

is dark

Yes

luminosity

0.1416

Pantone Color

Combinations

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

#1f6f9f

#9F4F1F

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

#1f6f9f

#9F1F2F

#9F8F1F

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

#1f6f9f

#9F1F6F

#6F9F1F

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

#1f6f9f

#8F1F9F

#9F4F1F

#2F9F1F

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

#1f6f9f

#9F4F1F

#9F1F2F

#9F8F1F

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

#1f6f9f

#1F2F9F

#4F1F9F

#8F1F9F

Shades

#1f6f9f Light Tints

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

#1F6F9F

#357DA9

#4C8CB2

#629ABC

#79A9C5

#8FB7CF

#A5C5D9

#BCD4E2

#D2E2EC

#E9F1F5

#1f6f9f Gray Shades

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

#1F6F9F

#29719C

#327299

#3C7496

#467693

#507890

#59798C

#637B89

#6D7D86

#767E83

#1f6f9f Dark Shades

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

#1F6F9F

#1C648F

#19597F

#164E6F

#13435F

#103850

#0C2C40

#092130

#061620

#030B10

#1f6f9f Red Shades

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

#1F6F9F

#35648F

#4C597F

#624E6F

#79435F

#8F3850

#A52C40

#BC2130

#D21620

#E90B10

#1f6f9f Green Shades

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

#1F6F9F

#1C718F

#19727F

#16746F

#13765F

#107850

#0C7940

#097B30

#067D20

#037E10

#1f6f9f Blue Shades

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

#1F6F9F

#1C64A9

#1959B2

#164EBC

#1343C5

#1038CF

#0C2CD9

#0921E2

#0616EC

#030BF5

Readability Analysis

#1f6f9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.48	AA	Sample Text
Black	3.83	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.57	Fail	Sample Text

#1f6f9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.48	AA	Sample Text
Black	3.83	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.57	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#436a9b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3c6ba0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b7289`
Protanopia	No red perception - Dichromacy	`#586798`
Deuteranopia	No green perception - Dichromacy	`#4c69a0`
Tritanopia	No blue perception - Dichromacy	`#00747d`
Achromatomaly	Partial color blindness - Monochromacy	`#496678`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#1f6f9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f6f9f Light Tints

#1f6f9f Gray Shades

#1f6f9f Dark Shades

#1f6f9f Red Shades

#1f6f9f Green Shades

#1f6f9f Blue Shades

Readability Analysis

#1f6f9f as Text Color

#1f6f9f as Background Color

Color Blindness Simulation

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

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

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

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

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

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