0 views

#186bcc - Color Information

#186bcc

Base Information

HEX

#186bcc

RGB

24,107,204

HSL

212,79,45

HSV

212,88,80

CMYK

88,48,0,20

LAB

46,13,-57

LCH

46,58,283

XYZ

17,15,59

Web Safe

#0066cc

Web Smart

#1166cc

is dark

Yes

luminosity

0.1507

Pantone Color

Combinations

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

#186bcc

#CC7918

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

#186bcc

#CC1F18

#C5CC18

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

#186bcc

#CC186B

#6BCC18

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

#186bcc

#CC18C5

#CC7918

#18CC1F

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

#186bcc

#CC7918

#CC1F18

#C5CC18

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

#186bcc

#1F18CC

#7918CC

#CC18C5

Shades

#186bcc Light Tints

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

#186BCC

#2F7AD1

#4689D6

#5D97DB

#74A6E0

#8CB5E6

#A3C4EB

#BAD3F0

#D1E1F5

#E8F0FA

#186bcc Gray Shades

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

#186BCC

#226DC4

#2D6FBD

#3771B5

#4273AE

#4C76A6

#56789E

#617A97

#6B7C8F

#767E88

#186bcc Dark Shades

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

#186BCC

#1660B8

#1356A3

#114B8F

#0E407A

#0C3666

#0A2B52

#07203D

#051529

#020B14

#186bcc Red Shades

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

#186BCC

#2F60B8

#4656A3

#5D4B8F

#74407A

#8C3666

#A32B52

#BA203D

#D11529

#E80B14

#186bcc Green Shades

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

#186BCC

#166DB8

#136FA3

#11718F

#0E737A

#0C7666

#0A7852

#077A3D

#057C29

#027E14

#186bcc Blue Shades

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

#186BCC

#1660D1

#1356D6

#114BDB

#0E40E0

#0C36E6

#0A2BEB

#0720F0

#0515F5

#020BFA

Readability Analysis

#186bcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.23	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

#186bcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.23	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2b6aca`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#096dc3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#09739b`
Protanopia	No red perception - Dichromacy	`#3569c9`
Deuteranopia	No green perception - Dichromacy	`#006ebe`
Tritanopia	No blue perception - Dichromacy	`#00787f`
Achromatomaly	Partial color blindness - Monochromacy	`#466487`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#186bcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#186bcc Light Tints

#186bcc Gray Shades

#186bcc Dark Shades

#186bcc Red Shades

#186bcc Green Shades

#186bcc Blue Shades

Readability Analysis

#186bcc as Text Color

#186bcc as Background Color

Color Blindness Simulation

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

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

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

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

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

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