0 views

#2f304c - Color Information

#2f304c

Base Information

HEX

#2f304c

RGB

47,48,76

HSL

238,24,24

HSV

238,38,30

CMYK

38,37,0,70

LAB

21,7,-17

LCH

21,19,293

XYZ

4,3,7

Web Safe

#333333

Web Smart

#333344

is dark

Yes

luminosity

0.0324

Pantone Color

Combinations

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

#2f304c

#4C4B2F

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

#2f304c

#4C3D2F

#3F4C2F

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

#2f304c

#4C2F30

#304C2F

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

#2f304c

#4C2F3F

#4C4B2F

#2F4C3D

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

#2f304c

#4C4B2F

#4C3D2F

#3F4C2F

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

#2f304c

#3C2F4C

#4B2F4C

#4C2F3F

Shades

#2f304c Light Tints

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

#2F304C

#44455E

#595970

#6D6E82

#828394

#9798A6

#ACACB7

#C1C1C9

#D5D6DB

#EAEAED

#2f304c Gray Shades

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

#2F304C

#373851

#3F4056

#47485C

#4F5061

#585866

#60606B

#686870

#707076

#78787B

#2f304c Dark Shades

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

#2F304C

#2A2B44

#26263D

#212235

#1C1D2E

#181826

#13131E

#0E0E17

#090A0F

#050508

#2f304c Red Shades

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

#2F304C

#442B44

#59263D

#6D2235

#821D2E

#971826

#AC131E

#C10E17

#D50A0F

#EA0508

#2f304c Green Shades

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

#2F304C

#2A3844

#26403D

#214835

#1C502E

#185826

#13601E

#0E6817

#09700F

#057808

#2f304c Blue Shades

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

#2F304C

#2A2B5E

#262670

#212282

#1C1D94

#1818A6

#1313B7

#0E0EC9

#090ADB

#0505ED

Readability Analysis

#2f304c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.74	AAA	Sample Text
Black	1.65	Fail	Sample Text
Red	3.19	A	Sample Text
Green	2.48	Fail	Sample Text
Blue	1.48	Fail	Sample Text

#2f304c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.74	AAA	Sample Text
Black	1.65	Fail	Sample Text
Red	3.19	A	Sample Text
Green	2.48	Fail	Sample Text
Blue	1.48	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2e334d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2d334c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2e3541`
Protanopia	No red perception - Dichromacy	`#2d354e`
Deuteranopia	No green perception - Dichromacy	`#2c354d`
Tritanopia	No blue perception - Dichromacy	`#2e373b`
Achromatomaly	Partial color blindness - Monochromacy	`#31313b`
Achromatopsia	Complete color blindness - Monochromacy	`#323232`

#2f304c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f304c Light Tints

#2f304c Gray Shades

#2f304c Dark Shades

#2f304c Red Shades

#2f304c Green Shades

#2f304c Blue Shades

Readability Analysis

#2f304c as Text Color

#2f304c as Background Color

Color Blindness Simulation

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

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

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

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

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

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