0 views

#202f4f - Color Information

#202f4f

Base Information

HEX

#202f4f

RGB

32,47,79

HSL

221,42,22

HSV

221,59,31

CMYK

59,41,0,69

LAB

20,5,-22

LCH

20,22,282

XYZ

3,3,8

Web Safe

#333366

Web Smart

#223355

is dark

Yes

luminosity

0.0290

Pantone Color

Combinations

#202f4f complementary
Colors that are opposite to each other, forming a contrasting pair.

#202f4f

#4F4020

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

#202f4f

#4F2820

#464F20

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

#202f4f

#4F202F

#2F4F20

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

#202f4f

#4F2046

#4F4020

#204F28

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

#202f4f

#4F4020

#4F2820

#464F20

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

#202f4f

#29204F

#40204F

#4F2046

Shades

#202f4f Light Tints

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

#202F4F

#364461

#4D5972

#636D84

#798295

#9097A7

#A6ACB9

#BCC1CA

#D2D5DC

#E9EAED

#202f4f Gray Shades

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

#202F4F

#2A3754

#333F59

#3D475E

#464F63

#505868

#5A606C

#636871

#6D7076

#76787B

#202f4f Dark Shades

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

#202F4F

#1D2A47

#1A263F

#162137

#131C2F

#101828

#0D1320

#0A0E18

#060910

#030508

#202f4f Red Shades

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

#202F4F

#362A47

#4D263F

#632137

#791C2F

#901828

#A61320

#BC0E18

#D20910

#E90508

#202f4f Green Shades

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

#202F4F

#1D3747

#1A3F3F

#164737

#134F2F

#105828

#0D6020

#0A6818

#067010

#037808

#202f4f Blue Shades

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

#202F4F

#1D2A61

#1A2672

#162184

#131C95

#1018A7

#0D13B9

#0A0ECA

#0609DC

#0305ED

Readability Analysis

#202f4f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.28	AAA	Sample Text
Black	1.58	Fail	Sample Text
Red	3.32	A	Sample Text
Green	2.59	Fail	Sample Text
Blue	1.55	Fail	Sample Text

#202f4f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.28	AAA	Sample Text
Black	1.58	Fail	Sample Text
Red	3.32	A	Sample Text
Green	2.59	Fail	Sample Text
Blue	1.55	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#25314f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#223250`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1e3443`
Protanopia	No red perception - Dichromacy	`#283250`
Deuteranopia	No green perception - Dichromacy	`#233350`
Tritanopia	No blue perception - Dichromacy	`#1c373b`
Achromatomaly	Partial color blindness - Monochromacy	`#292e3a`
Achromatopsia	Complete color blindness - Monochromacy	`#2e2e2e`

#202f4f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#202f4f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#202f4f Light Tints

#202f4f Gray Shades

#202f4f Dark Shades

#202f4f Red Shades

#202f4f Green Shades

#202f4f Blue Shades

Readability Analysis

#202f4f as Text Color

#202f4f as Background Color

Color Blindness Simulation

#202f4f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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