0 views

#3b5e6b - Color Information

#3b5e6b

Base Information

HEX

#3b5e6b

RGB

59,94,107

HSL

196,29,33

HSV

196,45,42

CMYK

45,12,0,58

LAB

38,-9,-11

LCH

38,14,232

XYZ

8,10,15

Web Safe

#336666

Web Smart

#336666

is dark

Yes

luminosity

0.1000

Pantone Color

Combinations

#3b5e6b complementary
Colors that are opposite to each other, forming a contrasting pair.

#3b5e6b

#6B483B

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

#3b5e6b

#6B3B46

#6B603B

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

#3b5e6b

#6B3B5E

#5E6B3B

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

#3b5e6b

#603B6B

#6B483B

#466B3B

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

#3b5e6b

#6B483B

#6B3B46

#6B603B

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

#3b5e6b

#3B466B

#483B6B

#603B6B

Shades

#3b5e6b Light Tints

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

#3B5E6B

#4F6E7A

#627E89

#768E97

#899EA6

#9DAFB5

#B1BFC4

#C4CFD3

#D8DFE1

#EBEFF0

#3b5e6b Gray Shades

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

#3B5E6B

#42616D

#49656F

#506871

#576C73

#5E6F76

#647278

#6B767A

#72797C

#797D7E

#3b5e6b Dark Shades

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

#3B5E6B

#355560

#2F4B56

#29424B

#233840

#1E2F36

#18262B

#121C20

#0C1315

#06090B

#3b5e6b Red Shades

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

#3B5E6B

#4F5560

#624B56

#76424B

#893840

#9D2F36

#B1262B

#C41C20

#D81315

#EB090B

#3b5e6b Green Shades

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

#3B5E6B

#356160

#2F6556

#29684B

#236C40

#1E6F36

#18722B

#127620

#0C7915

#067D0B

#3b5e6b Blue Shades

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

#3B5E6B

#35557A

#2F4B89

#294297

#2338A6

#1E2FB5

#1826C4

#121CD3

#0C13E1

#0609F0

Readability Analysis

#3b5e6b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	7.00	AAA	Sample Text
Black	3.00	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

#3b5e6b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	7.00	AAA	Sample Text
Black	3.00	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	`#4d5b69`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4e5a6c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3c5f68`
Protanopia	No red perception - Dichromacy	`#575967`
Deuteranopia	No green perception - Dichromacy	`#58586d`
Tritanopia	No blue perception - Dichromacy	`#3c5f67`
Achromatomaly	Partial color blindness - Monochromacy	`#4d5a5f`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#3b5e6b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3b5e6b complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3b5e6b Light Tints

#3b5e6b Gray Shades

#3b5e6b Dark Shades

#3b5e6b Red Shades

#3b5e6b Green Shades

#3b5e6b Blue Shades

Readability Analysis

#3b5e6b as Text Color

#3b5e6b as Background Color

Color Blindness Simulation

#3b5e6b complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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