0 views

#2f6dbc - Color Information

#2f6dbc

Base Information

HEX

#2f6dbc

RGB

47,109,188

HSL

214,60,46

HSV

214,75,74

CMYK

75,42,0,26

LAB

46,8,-47

LCH

46,48,279

XYZ

16,15,50

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1517

Pantone Color

Combinations

#2f6dbc complementary
Colors that are opposite to each other, forming a contrasting pair.

#2f6dbc

#BC7E2F

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

#2f6dbc

#BC382F

#B3BC2F

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

#2f6dbc

#BC2F6D

#6DBC2F

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

#2f6dbc

#BC2FB3

#BC7E2F

#2FBC38

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

#2f6dbc

#BC7E2F

#BC382F

#B3BC2F

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

#2f6dbc

#382FBC

#7E2FBC

#BC2FB3

Shades

#2f6dbc Light Tints

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

#2F6DBC

#447CC3

#598AC9

#6D99D0

#82A7D7

#97B6DE

#ACC5E4

#C1D3EB

#D5E2F2

#EAF0F8

#2f6dbc Gray Shades

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

#2F6DBC

#376FB6

#3F71B0

#4773AA

#4F75A4

#58779E

#607898

#687A92

#707C8C

#787E86

#2f6dbc Dark Shades

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

#2F6DBC

#2A62A9

#265796

#214C84

#1C4171

#18375E

#132C4B

#0E2138

#091626

#050B13

#2f6dbc Red Shades

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

#2F6DBC

#4462A9

#595796

#6D4C84

#824171

#97375E

#AC2C4B

#C12138

#D51626

#EA0B13

#2f6dbc Green Shades

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

#2F6DBC

#2A6FA9

#267196

#217384

#1C7571

#18775E

#13784B

#0E7A38

#097C26

#057E13

#2f6dbc Blue Shades

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

#2F6DBC

#2A62C3

#2657C9

#214CD0

#1C41D7

#1837DE

#132CE4

#0E21EB

#0916F2

#050BF8

Readability Analysis

#2f6dbc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.21	AA	Sample Text
Black	4.03	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.65	Fail	Sample Text

#2f6dbc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.21	AA	Sample Text
Black	4.03	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.65	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3f6bb9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2c6dbb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#117496`
Protanopia	No red perception - Dichromacy	`#486ab8`
Deuteranopia	No green perception - Dichromacy	`#2a6eba`
Tritanopia	No blue perception - Dichromacy	`#007881`
Achromatomaly	Partial color blindness - Monochromacy	`#526885`
Achromatopsia	Complete color blindness - Monochromacy	`#666666`

#2f6dbc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2f6dbc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2f6dbc Light Tints

#2f6dbc Gray Shades

#2f6dbc Dark Shades

#2f6dbc Red Shades

#2f6dbc Green Shades

#2f6dbc Blue Shades

Readability Analysis

#2f6dbc as Text Color

#2f6dbc as Background Color

Color Blindness Simulation

#2f6dbc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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