0 views

#255f7c - Color Information

#255f7c

Base Information

HEX

#255f7c

RGB

37,95,124

HSL

200,54,32

HSV

200,70,49

CMYK

70,23,0,51

LAB

38,-9,-22

LCH

38,24,248

XYZ

8,10,21

Web Safe

#336666

Web Smart

#226677

is dark

Yes

luminosity

0.1003

Pantone Color

Combinations

#255f7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#255f7c

#7C4225

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

#255f7c

#7C2534

#7C6E25

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

#255f7c

#7C255F

#5F7C25

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

#255f7c

#6D257C

#7C4225

#347C25

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

#255f7c

#7C4225

#7C2534

#7C6E25

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

#255f7c

#25347C

#42257C

#6D257C

Shades

#255f7c Light Tints

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

#255F7C

#3B6F89

#517F96

#668FA3

#7C9FB0

#92AFBE

#A8BFCB

#BECFD8

#D3DFE5

#E9EFF2

#255f7c Gray Shades

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

#255F7C

#2E627C

#37667D

#40697D

#496C7E

#53707E

#5C737E

#65767F

#6E797F

#777D80

#255f7c Dark Shades

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

#255F7C

#215670

#1E4C63

#1A4357

#16394A

#13303E

#0F2632

#0B1C25

#071319

#04090C

#255f7c Red Shades

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

#255F7C

#3B5670

#514C63

#664357

#7C394A

#92303E

#A82632

#BE1C25

#D31319

#E9090C

#255f7c Green Shades

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

#255F7C

#216270

#1E6663

#1A6957

#166C4A

#13703E

#0F7332

#0B7625

#077919

#047D0C

#255f7c Blue Shades

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

#255F7C

#215689

#1E4C96

#1A43A3

#1639B0

#1330BE

#0F26CB

#0B1CD8

#0713E5

#0409F2

Readability Analysis

#255f7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.98	AA	Sample Text
Black	3.01	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

#255f7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.98	AA	Sample Text
Black	3.01	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#415b79`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3e5b7d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#206171`
Protanopia	No red perception - Dichromacy	`#515977`
Deuteranopia	No green perception - Dichromacy	`#4c597e`
Tritanopia	No blue perception - Dichromacy	`#1d626a`
Achromatomaly	Partial color blindness - Monochromacy	`#435863`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#255f7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#255f7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#255f7c Light Tints

#255f7c Gray Shades

#255f7c Dark Shades

#255f7c Red Shades

#255f7c Green Shades

#255f7c Blue Shades

Readability Analysis

#255f7c as Text Color

#255f7c as Background Color

Color Blindness Simulation

#255f7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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