0 views

#345f7c - Color Information

#345f7c

Base Information

HEX

#345f7c

RGB

52,95,124

HSL

204,41,35

HSV

204,58,49

CMYK

58,23,0,51

LAB

38,-6,-21

LCH

38,22,254

XYZ

9,10,21

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1037

Pantone Color

Combinations

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

#345f7c

#7C5134

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

#345f7c

#7C343B

#7C7534

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

#345f7c

#7C345F

#5F7C34

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

#345f7c

#75347C

#7C5134

#3B7C34

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

#345f7c

#7C5134

#7C343B

#7C7534

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

#345f7c

#343B7C

#51347C

#75347C

Shades

#345f7c Light Tints

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

#345F7C

#486F89

#5D7F96

#718FA3

#859FB0

#9AAFBE

#AEBFCB

#C2CFD8

#D6DFE5

#EBEFF2

#345f7c Gray Shades

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

#345F7C

#3C627C

#43667D

#4B697D

#526C7E

#5A707E

#62737E

#69767F

#71797F

#787D80

#345f7c Dark Shades

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

#345F7C

#2F5670

#2A4C63

#244357

#1F394A

#1A303E

#152632

#101C25

#0A1319

#05090C

#345f7c Red Shades

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

#345F7C

#485670

#5D4C63

#714357

#85394A

#9A303E

#AE2632

#C21C25

#D61319

#EB090C

#345f7c Green Shades

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

#345F7C

#2F6270

#2A6663

#246957

#1F6C4A

#1A703E

#157332

#107625

#0A7919

#057D0C

#345f7c Blue Shades

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

#345F7C

#2F5689

#2A4C96

#2443A3

#1F39B0

#1A30BE

#1526CB

#101CD8

#0A13E5

#0509F2

Readability Analysis

#345f7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.83	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.26	Fail	Sample Text

#345f7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.83	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.26	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#475c79`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#465c7d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#316171`
Protanopia	No red perception - Dichromacy	`#535a78`
Deuteranopia	No green perception - Dichromacy	`#505a7d`
Tritanopia	No blue perception - Dichromacy	`#2f626a`
Achromatomaly	Partial color blindness - Monochromacy	`#4b5b65`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#345f7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#345f7c Light Tints

#345f7c Gray Shades

#345f7c Dark Shades

#345f7c Red Shades

#345f7c Green Shades

#345f7c Blue Shades

Readability Analysis

#345f7c as Text Color

#345f7c as Background Color

Color Blindness Simulation

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

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

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

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

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

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