0 views

#2f6cbb - Color Information

#2f6cbb

Base Information

HEX

#2f6cbb

RGB

47,108,187

HSL

214,60,46

HSV

214,75,73

CMYK

75,42,0,27

LAB

46,8,-47

LCH

46,48,280

XYZ

16,15,49

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1492

Pantone Color

Combinations

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

#2f6cbb

#BB7E2F

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

#2f6cbb

#BB382F

#B2BB2F

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

#2f6cbb

#BB2F6C

#6CBB2F

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

#2f6cbb

#BB2FB2

#BB7E2F

#2FBB38

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

#2f6cbb

#BB7E2F

#BB382F

#B2BB2F

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

#2f6cbb

#382FBB

#7E2FBB

#BB2FB2

Shades

#2f6cbb Light Tints

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

#2F6CBB

#447BC2

#5989C9

#6D98CF

#82A7D6

#97B6DD

#ACC4E4

#C1D3EB

#D5E2F1

#EAF0F8

#2f6cbb Gray Shades

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

#2F6CBB

#376EB5

#3F70AF

#4772A9

#4F74A3

#58769E

#607898

#687A92

#707C8C

#787E86

#2f6cbb Dark Shades

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

#2F6CBB

#2A61A8

#265696

#214C83

#1C4170

#18365E

#132B4B

#0E2038

#091625

#050B13

#2f6cbb Red Shades

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

#2F6CBB

#4461A8

#595696

#6D4C83

#824170

#97365E

#AC2B4B

#C12038

#D51625

#EA0B13

#2f6cbb Green Shades

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

#2F6CBB

#2A6EA8

#267096

#217283

#1C7470

#18765E

#13784B

#0E7A38

#097C25

#057E13

#2f6cbb Blue Shades

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

#2F6CBB

#2A61C2

#2656C9

#214CCF

#1C41D6

#1836DD

#132BE4

#0E20EB

#0916F1

#050BF8

Readability Analysis

#2f6cbb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.27	AA	Sample Text
Black	3.98	A	Sample Text
Red	1.32	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.63	Fail	Sample Text

#2f6cbb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.27	AA	Sample Text
Black	3.98	A	Sample Text
Red	1.32	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.63	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3f6ab9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2b6cba`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#117395`
Protanopia	No red perception - Dichromacy	`#4769b7`
Deuteranopia	No green perception - Dichromacy	`#296db9`
Tritanopia	No blue perception - Dichromacy	`#007780`
Achromatomaly	Partial color blindness - Monochromacy	`#516784`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#2f6cbb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f6cbb Light Tints

#2f6cbb Gray Shades

#2f6cbb Dark Shades

#2f6cbb Red Shades

#2f6cbb Green Shades

#2f6cbb Blue Shades

Readability Analysis

#2f6cbb as Text Color

#2f6cbb as Background Color

Color Blindness Simulation

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

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

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

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

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

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