0 views

#306f2c - Color Information

#306f2c

Base Information

HEX

#306f2c

RGB

48,111,44

HSL

116,43,30

HSV

116,60,44

CMYK

57,0,60,56

LAB

41,-35,31

LCH

41,46,138

XYZ

7,12,4

Web Safe

#336633

Web Smart

#337733

is dark

Yes

luminosity

0.1218

Pantone Color

Combinations

#306f2c complementary
Colors that are opposite to each other, forming a contrasting pair.

#306f2c

#6B2C6F

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

#306f2c

#4A2C6F

#6F2C52

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

#306f2c

#2C306F

#6F2C30

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

#306f2c

#2C526F

#6B2C6F

#6F4A2C

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

#306f2c

#6B2C6F

#4A2C6F

#6F2C52

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

#306f2c

#2C6F4A

#2C6F6B

#2C526F

Shades

#306f2c Light Tints

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

#306F2C

#457D41

#598C56

#6E9A6B

#83A980

#98B796

#ACC5AB

#C1D4C0

#D6E2D5

#EAF1EA

#306f2c Gray Shades

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

#306F2C

#387134

#40723D

#487445

#50764E

#587856

#60795E

#687B67

#707D6F

#787E78

#306f2c Dark Shades

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

#306F2C

#2B6428

#265923

#224E1F

#1D431A

#183816

#132C12

#0E210D

#0A1609

#050B04

#306f2c Red Shades

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

#306F2C

#456428

#595923

#6E4E1F

#83431A

#983816

#AC2C12

#C1210D

#D61609

#EA0B04

#306f2c Green Shades

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

#306F2C

#2B7128

#267223

#22741F

#1D761A

#187816

#137912

#0E7B0D

#0A7D09

#057E04

#306f2c Blue Shades

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

#306F2C

#2B6441

#265956

#224E6B

#1D4380

#183896

#132CAB

#0E21C0

#0A16D5

#050BEA

Readability Analysis

#306f2c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.11	AA	Sample Text
Black	3.44	A	Sample Text
Red	1.53	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

#306f2c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.11	AA	Sample Text
Black	3.44	A	Sample Text
Red	1.53	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#57672c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5e6432`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3c6a57`
Protanopia	No red perception - Dichromacy	`#6d622c`
Deuteranopia	No green perception - Dichromacy	`#795d36`
Tritanopia	No blue perception - Dichromacy	`#446870`
Achromatomaly	Partial color blindness - Monochromacy	`#4c634b`
Achromatopsia	Complete color blindness - Monochromacy	`#5d5d5d`

#306f2c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#306f2c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#306f2c Light Tints

#306f2c Gray Shades

#306f2c Dark Shades

#306f2c Red Shades

#306f2c Green Shades

#306f2c Blue Shades

Readability Analysis

#306f2c as Text Color

#306f2c as Background Color

Color Blindness Simulation

#306f2c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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