0 views

#307f5f - Color Information

#307f5f

Base Information

HEX

#307f5f

RGB

48,127,95

HSL

156,45,34

HSV

156,62,50

CMYK

62,0,25,50

LAB

48,-32,10

LCH

48,34,162

XYZ

11,17,13

Web Safe

#336666

Web Smart

#337766

is dark

Yes

luminosity

0.1663

Pantone Color

Combinations

#307f5f complementary
Colors that are opposite to each other, forming a contrasting pair.

#307f5f

#7F3050

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

#307f5f

#7F3077

#7F3730

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

#307f5f

#5F307F

#7F5F30

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

#307f5f

#37307F

#7F3050

#787F30

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

#307f5f

#7F3050

#7F3077

#7F3730

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

#307f5f

#30787F

#30507F

#37307F

Shades

#307f5f Light Tints

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

#307F5F

#458C6F

#59997F

#6EA58F

#83B29F

#98BFAF

#ACCCBF

#C1D9CF

#D6E5DF

#EAF2EF

#307f5f Gray Shades

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

#307F5F

#387F62

#407F66

#487F69

#507F6C

#588070

#608073

#688076

#708079

#78807D

#307f5f Dark Shades

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

#307F5F

#2B7256

#26664C

#225943

#1D4C39

#184030

#133326

#0E261C

#0A1913

#050D09

#307f5f Red Shades

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

#307F5F

#457256

#59664C

#6E5943

#834C39

#984030

#AC3326

#C1261C

#D61913

#EA0D09

#307f5f Green Shades

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

#307F5F

#2B7F56

#267F4C

#227F43

#1D7F39

#188030

#138026

#0E801C

#0A8013

#058009

#307f5f Blue Shades

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

#307F5F

#2B726F

#26667F

#22598F

#1D4C9F

#1840AF

#1333BF

#0E26CF

#0A19DF

#050DEF

Readability Analysis

#307f5f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#307f5f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	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	`#5e765b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#637363`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3b7b76`
Protanopia	No red perception - Dichromacy	`#787159`
Deuteranopia	No green perception - Dichromacy	`#816d65`
Tritanopia	No blue perception - Dichromacy	`#417983`
Achromatomaly	Partial color blindness - Monochromacy	`#567367`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#307f5f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#307f5f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#307f5f Light Tints

#307f5f Gray Shades

#307f5f Dark Shades

#307f5f Red Shades

#307f5f Green Shades

#307f5f Blue Shades

Readability Analysis

#307f5f as Text Color

#307f5f as Background Color

Color Blindness Simulation

#307f5f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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