0 views

#1f6bc3 - Color Information

#1f6bc3

Base Information

HEX

#1f6bc3

RGB

31,107,195

HSL

212,73,44

HSV

212,84,76

CMYK

84,45,0,24

LAB

45,10,-52

LCH

45,53,281

XYZ

16,15,54

Web Safe

#3366cc

Web Smart

#2266bb

is dark

Yes

luminosity

0.1475

Pantone Color

Combinations

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

#1f6bc3

#C3771F

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

#1f6bc3

#C3251F

#BDC31F

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

#1f6bc3

#C31F6B

#6BC31F

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

#1f6bc3

#C31FBD

#C3771F

#1FC325

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

#1f6bc3

#C3771F

#C3251F

#BDC31F

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

#1f6bc3

#251FC3

#771FC3

#C31FBD

Shades

#1f6bc3 Light Tints

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

#1F6BC3

#357AC9

#4C89CF

#6297D5

#79A6DB

#8FB5E1

#A5C4E7

#BCD3ED

#D2E1F3

#E9F0F9

#1f6bc3 Gray Shades

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

#1F6BC3

#296DBC

#326FB6

#3C71AF

#4673A8

#5076A2

#59789B

#637A94

#6D7C8D

#767E87

#1f6bc3 Dark Shades

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

#1F6BC3

#1C60B0

#19569C

#164B89

#134075

#103662

#0C2B4E

#09203A

#061527

#030B13

#1f6bc3 Red Shades

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

#1F6BC3

#3560B0

#4C569C

#624B89

#794075

#8F3662

#A52B4E

#BC203A

#D21527

#E90B13

#1f6bc3 Green Shades

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

#1F6BC3

#1C6DB0

#196F9C

#167189

#137375

#107662

#0C784E

#097A3A

#067C27

#037E13

#1f6bc3 Blue Shades

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

#1F6BC3

#1C60C9

#1956CF

#164BD5

#1340DB

#1036E1

#0C2BE7

#0920ED

#0615F3

#030BF9

Readability Analysis

#1f6bc3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.32	AA	Sample Text
Black	3.95	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.62	Fail	Sample Text

#1f6bc3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.32	AA	Sample Text
Black	3.95	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.62	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3369c1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b6cc0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b7297`
Protanopia	No red perception - Dichromacy	`#3e68bf`
Deuteranopia	No green perception - Dichromacy	`#006dbe`
Tritanopia	No blue perception - Dichromacy	`#00767e`
Achromatomaly	Partial color blindness - Monochromacy	`#496585`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#1f6bc3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f6bc3 Light Tints

#1f6bc3 Gray Shades

#1f6bc3 Dark Shades

#1f6bc3 Red Shades

#1f6bc3 Green Shades

#1f6bc3 Blue Shades

Readability Analysis

#1f6bc3 as Text Color

#1f6bc3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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