0 views

#227d7c - Color Information

#227d7c

Base Information

HEX

#227d7c

RGB

34,125,124

HSL

179,57,31

HSV

179,73,49

CMYK

73,0,1,51

LAB

48,-26,-7

LCH

48,27,195

XYZ

12,16,22

Web Safe

#336666

Web Smart

#227777

is dark

Yes

luminosity

0.1646

Pantone Color

Combinations

#227d7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#227d7c

#7D2223

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

#227d7c

#7D2250

#7D4F22

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

#227d7c

#7C227D

#7D7C22

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

#227d7c

#4F227D

#7D2223

#507D22

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

#227d7c

#7D2223

#7D2250

#7D4F22

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

#227d7c

#22507D

#22237D

#4F227D

Shades

#227d7c Light Tints

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

#227D7C

#388A89

#4E9796

#64A4A3

#7AB1B0

#91BEBE

#A7CBCB

#BDD8D8

#D3E5E5

#E9F2F2

#227d7c Gray Shades

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

#227D7C

#2B7D7C

#357E7D

#3E7E7D

#487E7E

#517F7E

#5A7F7E

#647F7F

#6D7F7F

#778080

#227d7c Dark Shades

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

#227D7C

#1F7170

#1B6463

#185857

#144B4A

#113F3E

#0E3232

#0A2525

#071919

#030C0C

#227d7c Red Shades

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

#227D7C

#387170

#4E6463

#645857

#7A4B4A

#913F3E

#A73232

#BD2525

#D31919

#E90C0C

#227d7c Green Shades

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

#227D7C

#1F7D70

#1B7E63

#187E57

#147E4A

#117F3E

#0E7F32

#0A7F25

#077F19

#03800C

#227d7c Blue Shades

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

#227D7C

#1F7189

#1B6496

#1858A3

#144BB0

#113FBE

#0E32CB

#0A25D8

#0719E5

#030CF2

Readability Analysis

#227d7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.89	AA	Sample Text
Black	4.29	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

#227d7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.89	AA	Sample Text
Black	4.29	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#547577`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#56737f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#297b81`
Protanopia	No red perception - Dichromacy	`#717074`
Deuteranopia	No green perception - Dichromacy	`#746d81`
Tritanopia	No blue perception - Dichromacy	`#2d7b84`
Achromatomaly	Partial color blindness - Monochromacy	`#507170`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#227d7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#227d7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#227d7c Light Tints

#227d7c Gray Shades

#227d7c Dark Shades

#227d7c Red Shades

#227d7c Green Shades

#227d7c Blue Shades

Readability Analysis

#227d7c as Text Color

#227d7c as Background Color

Color Blindness Simulation

#227d7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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