0 views

#186f9c - Color Information

#186f9c

Base Information

HEX

#186f9c

RGB

24,111,156

HSL

200,73,35

HSV

200,85,61

CMYK

85,29,0,39

LAB

44,-8,-31

LCH

44,32,255

XYZ

12,14,34

Web Safe

#006699

Web Smart

#117799

is dark

Yes

luminosity

0.1396

Pantone Color

Combinations

#186f9c complementary
Colors that are opposite to each other, forming a contrasting pair.

#186f9c

#9C4518

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

#186f9c

#9C182D

#9C8718

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

#186f9c

#9C186F

#6F9C18

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

#186f9c

#87189C

#9C4518

#2D9C18

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

#186f9c

#9C4518

#9C182D

#9C8718

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

#186f9c

#182D9C

#45189C

#87189C

Shades

#186f9c Light Tints

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

#186F9C

#2F7DA6

#468CB0

#5D9ABA

#74A9C4

#8CB7CE

#A3C5D7

#BAD4E1

#D1E2EB

#E8F1F5

#186f9c Gray Shades

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

#186F9C

#227199

#2D7296

#377494

#427691

#4C788E

#56798B

#617B88

#6B7D86

#767E83

#186f9c Dark Shades

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

#186F9C

#16648C

#13597D

#114E6D

#0E435E

#0C384E

#0A2C3E

#07212F

#05161F

#020B10

#186f9c Red Shades

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

#186F9C

#2F648C

#46597D

#5D4E6D

#74435E

#8C384E

#A32C3E

#BA212F

#D1161F

#E80B10

#186f9c Green Shades

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

#186F9C

#16718C

#13727D

#11746D

#0E765E

#0C784E

#0A793E

#077B2F

#057D1F

#027E10

#186f9c Blue Shades

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

#186F9C

#1664A6

#1359B0

#114EBA

#0E43C4

#0C38CE

#0A2CD7

#0721E1

#0516EB

#020BF5

Readability Analysis

#186f9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.54	AA	Sample Text
Black	3.79	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

#186f9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.54	AA	Sample Text
Black	3.79	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#416a97`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3a6a9d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#097288`
Protanopia	No red perception - Dichromacy	`#596795`
Deuteranopia	No green perception - Dichromacy	`#4d689d`
Tritanopia	No blue perception - Dichromacy	`#00737c`
Achromatomaly	Partial color blindness - Monochromacy	`#466576`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#186f9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#186f9c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#186f9c Light Tints

#186f9c Gray Shades

#186f9c Dark Shades

#186f9c Red Shades

#186f9c Green Shades

#186f9c Blue Shades

Readability Analysis

#186f9c as Text Color

#186f9c as Background Color

Color Blindness Simulation

#186f9c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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