0 views

#2f6be2 - Color Information

#2f6be2

Base Information

HEX

#2f6be2

RGB

47,107,226

HSL

220,76,54

HSV

220,79,89

CMYK

79,53,0,11

LAB

48,23,-66

LCH

48,70,289

XYZ

20,17,74

Web Safe

#3366cc

Web Smart

#3366dd

is dark

Yes

luminosity

0.1661

Pantone Color

Combinations

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

#2f6be2

#E2A62F

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

#2f6be2

#E24D2F

#C4E22F

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

#2f6be2

#E22F6B

#6BE22F

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

#2f6be2

#E22FC4

#E2A62F

#2FE24D

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

#2f6be2

#E2A62F

#E24D2F

#C4E22F

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

#2f6be2

#4D2FE2

#A62FE2

#E22FC4

Shades

#2f6be2 Light Tints

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

#2F6BE2

#447AE5

#5989E8

#6D97EB

#82A6EE

#97B5F1

#ACC4F3

#C1D3F6

#D5E1F9

#EAF0FC

#2f6be2 Gray Shades

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

#2F6BE2

#376DD8

#3F6FCE

#4771C5

#4F73BB

#5876B1

#6078A7

#687A9D

#707C94

#787E8A

#2f6be2 Dark Shades

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

#2F6BE2

#2A60CB

#2656B5

#214B9E

#1C4088

#183671

#132B5A

#0E2044

#09152D

#050B17

#2f6be2 Red Shades

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

#2F6BE2

#4460CB

#5956B5

#6D4B9E

#824088

#973671

#AC2B5A

#C12044

#D5152D

#EA0B17

#2f6be2 Green Shades

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

#2F6BE2

#2A6DCB

#266FB5

#21719E

#1C7388

#187671

#13785A

#0E7A44

#097C2D

#057E17

#2f6be2 Blue Shades

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

#2F6BE2

#2A60E5

#2656E8

#214BEB

#1C40EE

#1836F1

#132BF3

#0E20F6

#0915F9

#050BFC

Readability Analysis

#2f6be2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.86	AA	Sample Text
Black	4.32	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#2f6be2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.86	AA	Sample Text
Black	4.32	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#156ce3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1170d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1176a7`
Protanopia	No red perception - Dichromacy	`#066de3`
Deuteranopia	No green perception - Dichromacy	`#0073c5`
Tritanopia	No blue perception - Dichromacy	`#007d85`
Achromatomaly	Partial color blindness - Monochromacy	`#536894`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#2f6be2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f6be2 Light Tints

#2f6be2 Gray Shades

#2f6be2 Dark Shades

#2f6be2 Red Shades

#2f6be2 Green Shades

#2f6be2 Blue Shades

Readability Analysis

#2f6be2 as Text Color

#2f6be2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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