Live Color Intelligence
COLOR INTELLIGENCE ENGINE

Search color by name or HEX.

Perceptual similarity, lighter/darker variants, warmer/cooler relationships, harmonies, WCAG combinations and color-vision simulation.

MATCHED COLOR

#504f9c

#504F9C

Custom · tone · resolved by hex

120ranked matches
7.144white contrast
2.9395black contrast
CIEDE2000

Closest colors

Lower ΔE = closer
Shade Cobalt#50509BCobalt · shadeΔE00 0.429Shade Cobalt#51509BCobalt · shadeΔE00 0.443Shade Cobalt#52509BCobalt · shadeΔE00 0.56Shade Cobalt#50519BCobalt · shadeΔE00 0.767Shade Cobalt#54509BCobalt · shadeΔE00 0.934Shade Cobalt#50529BCobalt · shadeΔE00 1.119Shade Cobalt#55509BCobalt · shadeΔE00 1.148Shade Indigo#56509BIndigo · shadeΔE00 1.369Shade Indigo#57509BIndigo · shadeΔE00 1.595Shade Cobalt#50549BCobalt · shadeΔE00 1.836Shade Indigo#59509BIndigo · shadeΔE00 2.056Shade Cobalt#50559BCobalt · shadeΔE00 2.199Shade Indigo#5A509BIndigo · shadeΔE00 2.29Shade Indigo#5B509BIndigo · shadeΔE00 2.526Shade Cobalt#464EA4Cobalt · shadeΔE00 2.537Shade Cobalt#464DA4Cobalt · shadeΔE00 2.542Shade Cobalt#50569BCobalt · shadeΔE00 2.564Shade Cobalt#4650A4Cobalt · shadeΔE00 2.673Shade Cobalt#464BA4Cobalt · shadeΔE00 2.692Shade Indigo#5C509BIndigo · shadeΔE00 2.763Shade Cobalt#4651A4Cobalt · shadeΔE00 2.809Shade Cobalt#464AA4Cobalt · shadeΔE00 2.828Shade Cobalt#50579BCobalt · shadeΔE00 2.931Soft Cobalt#5757A8Cobalt · toneΔE00 3.034Soft Cobalt#5857A8Cobalt · toneΔE00 3.07Soft Cobalt#5957A8Cobalt · toneΔE00 3.122Shade Cobalt#4648A4Cobalt · shadeΔE00 3.19Shade Cobalt#4653A4Cobalt · shadeΔE00 3.192Shade Indigo#5E509BIndigo · shadeΔE00 3.24Soft Cobalt#5B57A8Cobalt · toneΔE00 3.273Soft Cobalt#5758A8Cobalt · toneΔE00 3.279Soft Cobalt#5C57A8Cobalt · toneΔE00 3.37Shade Blue#4654A4Blue · shadeΔE00 3.428Shade Cobalt#4D46A4Cobalt · shadeΔE00 3.453Shade Cobalt#4B46A4Cobalt · shadeΔE00 3.458Shade Indigo#4E46A4Indigo · shadeΔE00 3.466Shade Cobalt#4A46A4Cobalt · shadeΔE00 3.475Soft Indigo#5D57A8Indigo · toneΔE00 3.48Shade Indigo#5F509BIndigo · shadeΔE00 3.48Shade Indigo#5046A4Indigo · shadeΔE00 3.523Shade Cobalt#4846A4Cobalt · shadeΔE00 3.538Soft Cobalt#5759A8Cobalt · toneΔE00 3.544Shade Indigo#5146A4Indigo · shadeΔE00 3.568Shade Cobalt#4646A4Cobalt · shadeΔE00 3.635Shade Cobalt#50599BCobalt · shadeΔE00 3.668Shade Indigo#5346A4Indigo · shadeΔE00 3.687Shade Indigo#60509BIndigo · shadeΔE00 3.721Soft Indigo#5F57A8Indigo · toneΔE00 3.736Shade Indigo#5446A4Indigo · shadeΔE00 3.762Soft Cobalt#4C50B2Cobalt · toneΔE00 3.782Soft Cobalt#4C4EB2Cobalt · toneΔE00 3.829Soft Cobalt#4C52B2Cobalt · toneΔE00 3.856Soft Indigo#6057A8Indigo · toneΔE00 3.879Soft Cobalt#4C53B2Cobalt · toneΔE00 3.938Shade Indigo#5646A4Indigo · shadeΔE00 3.938Soft Cobalt#504CB2Cobalt · toneΔE00 3.945Soft Cobalt#4E4CB2Cobalt · toneΔE00 3.951Shade Indigo#61509BIndigo · shadeΔE00 3.963Shade Blue#4656A4Blue · shadeΔE00 3.966Soft Cobalt#524CB2Cobalt · toneΔE00 3.972Soft Cobalt#4C4CB2Cobalt · toneΔE00 3.987Soft Cobalt#534CB2Cobalt · toneΔE00 3.998Shade Cobalt#454A87Cobalt · shadeΔE00 4.013Shade Cobalt#454B87Cobalt · shadeΔE00 4.027Shade Cobalt#454987Cobalt · shadeΔE00 4.03Shade Cobalt#505A9BCobalt · shadeΔE00 4.039Shade Blue#3D498FBlue · shadeΔE00 4.064Shade Cobalt#454C87Cobalt · shadeΔE00 4.072Soft Indigo#554CB2Indigo · toneΔE00 4.075Shade Cobalt#454887Cobalt · shadeΔE00 4.078Shade Cobalt#3D488FCobalt · shadeΔE00 4.085Shade Blue#3D4B8FBlue · shadeΔE00 4.118Soft Cobalt#575BA8Cobalt · toneΔE00 4.124Shade Cobalt#3D478FCobalt · shadeΔE00 4.138Shade Indigo#5846A4Indigo · shadeΔE00 4.147Shade Cobalt#454D87Cobalt · shadeΔE00 4.148Soft Indigo#574CB2Indigo · toneΔE00 4.187Soft Cobalt#4C55B2Cobalt · toneΔE00 4.189Soft Indigo#6257A8Indigo · toneΔE00 4.193Shade Blue#3D4C8FBlue · shadeΔE00 4.193Shade Cobalt#454E87Cobalt · shadeΔE00 4.251Soft Indigo#584CB2Indigo · toneΔE00 4.254Shade Cobalt#454687Cobalt · shadeΔE00 4.26Shade Indigo#5946A4Indigo · shadeΔE00 4.263Shade Cobalt#3D458FCobalt · shadeΔE00 4.332Soft Indigo#6357A8Indigo · toneΔE00 4.361Shade Cobalt#484587Cobalt · shadeΔE00 4.362Shade Cobalt#464587Cobalt · shadeΔE00 4.369Shade Cobalt#494587Cobalt · shadeΔE00 4.377Shade Blue#454F87Blue · shadeΔE00 4.381Shade Cobalt#454587Cobalt · shadeΔE00 4.391Shade Cobalt#4A4587Cobalt · shadeΔE00 4.406Shade Blue#505B9BBlue · shadeΔE00 4.41Soft Indigo#5A4CB2Indigo · toneΔE00 4.413Shade Blue#3D4E8FBlue · shadeΔE00 4.431Soft Cobalt#575CA8Cobalt · toneΔE00 4.433Shade Indigo#4B4587Indigo · shadeΔE00 4.447Shade Indigo#63509BIndigo · shadeΔE00 4.448Shade Cobalt#3D448FCobalt · shadeΔE00 4.467Shade Indigo#4C4587Indigo · shadeΔE00 4.501Shade Indigo#5B46A4Indigo · shadeΔE00 4.516Shade Blue#455087Blue · shadeΔE00 4.534Soft Indigo#6457A8Indigo · toneΔE00 4.536Soft Cobalt#4C57B2Cobalt · toneΔE00 4.542Shade Blue#4658A4Blue · shadeΔE00 4.566Shade Indigo#4D4587Indigo · shadeΔE00 4.567Shade Blue#3D4F8FBlue · shadeΔE00 4.59Shade Cobalt#3D4CAECobalt · shadeΔE00 4.593Soft Indigo#5C4CB2Indigo · toneΔE00 4.6Shade Blue#3D4EAEBlue · shadeΔE00 4.608Shade Cobalt#3D438FCobalt · shadeΔE00 4.625Shade Indigo#4E4587Indigo · shadeΔE00 4.645Shade Indigo#5C46A4Indigo · shadeΔE00 4.651Shade Cobalt#3D4AAECobalt · shadeΔE00 4.681Shade Indigo#64509BIndigo · shadeΔE00 4.691Shade Blue#455187Blue · shadeΔE00 4.708Shade Blue#3D50AEBlue · shadeΔE00 4.732Shade Indigo#4F4587Indigo · shadeΔE00 4.734Soft Cobalt#4C58B2Cobalt · toneΔE00 4.751Shade Blue#3D508FBlue · shadeΔE00 4.772
RELATIONSHIP

Lighter

Muted Cobalt#62619ESoft Cobalt#5857A8Soft Cobalt#4E4CB2Classic Cobalt#4442BDClassic Cobalt#3A38C7Muted Cobalt#76758AMuted Cobalt#6C6B94Muted Cobalt#75758AMuted Cobalt#6B6B94Muted Cobalt#61619ESoft Cobalt#5757A8Soft Cobalt#4C4CB2Classic Cobalt#4242BDMuted Cobalt#63619EClassic Cobalt#3838C7Soft Cobalt#5957A8Soft Cobalt#504CB2Classic Cobalt#4642BDClassic Cobalt#3D38C7Classic Cobalt#4244BDClassic Cobalt#383AC7Muted Cobalt#6D6B94Muted Cobalt#64619ESoft Cobalt#5B57A8Soft Cobalt#524CB2Classic Cobalt#4842BDClassic Cobalt#3F38C7Muted Cobalt#61629ESoft Cobalt#5758A8Soft Cobalt#4C4EB2Muted Cobalt#6B6C94Muted Cobalt#61639ESoft Cobalt#5759A8Soft Cobalt#4C50B2Classic Cobalt#4246BDClassic Cobalt#383DC7
RELATIONSHIP

Darker

Shade Cobalt#464587Shade Cobalt#3F3D8FShade Cobalt#373597Shade Cobalt#2F2D9FShade Cobalt#454587Shade Cobalt#3D3D8FShade Cobalt#575676Shade Cobalt#353597Shade Cobalt#4F4E7EShade Cobalt#2D2D9FShade Cobalt#484587Shade Cobalt#403D8FShade Cobalt#383597Shade Cobalt#312D9FShade Cobalt#2D2F9FShade Cobalt#5F5E6EShade Cobalt#504E7EShade Cobalt#494587Shade Cobalt#413D8FShade Cobalt#3A3597Shade Cobalt#332D9FShade Cobalt#565676Shade Cobalt#4E4E7EShade Cobalt#454687Shade Cobalt#3D3F8FShade Cobalt#353797Shade Cobalt#5E5E6EShade Cobalt#4E4F7EShade Cobalt#454887Shade Cobalt#3D408FShade Cobalt#353897Shade Cobalt#2D319FShade Cobalt#585676Shade Cobalt#514E7EShade Cobalt#4A4587Shade Cobalt#433D8F
RELATIONSHIP

Warmer

Shade Indigo#5A509BShade Indigo#5346A4Shade Indigo#4C3DAEShade Indigo#4534B7Shade Indigo#686388Shade Indigo#615991Soft Indigo#6257A8Soft Indigo#5A4CB2Classic Indigo#5342BDClassic Indigo#4B38C7Muted Indigo#716B94Muted Indigo#69619EShade Indigo#4E4587Shade Indigo#483D8FShade Indigo#423597Shade Indigo#3C2D9FShade Indigo#5A5676Shade Indigo#544E7ESoft Indigo#6E64AFSoft Indigo#675BB9Classic Indigo#6051C2Classic Indigo#5A48CBMuted Indigo#7C779CMuted Indigo#756EA6Dark Indigo#423B72Dark Indigo#3D3479Dark Indigo#382D80Dark Indigo#332687Dark Indigo#52505EDark Indigo#4D4965Soft Indigo#8178BASoft Indigo#7B70C2Classic Indigo#7568CAClassic Indigo#6F60D2Muted Indigo#8D89A9Muted Indigo#8781B1
RELATIONSHIP

Cooler

Shade Cobalt#595F91Shade Cobalt#50579BShade Cobalt#4650A4Shade Cobalt#3D48AEShade Cobalt#3441B7Shade Cobalt#636688Muted Cobalt#6B6F94Muted Cobalt#61679ESoft Cobalt#575FA8Soft Cobalt#4C57B2Classic Cobalt#424FBDClassic Cobalt#3846C7Muted Cobalt#75778AShade Cobalt#4E527EShade Cobalt#454C87Shade Cobalt#3D458FShade Cobalt#353F97Shade Cobalt#2D389FShade Cobalt#5E5F6EMuted Cobalt#6E73A6Soft Cobalt#646CAFSoft Cobalt#5B64B9Classic Cobalt#515DC2Classic Cobalt#4855CBMuted Cobalt#808293Dark Cobalt#42466CDark Cobalt#343B79Dark Cobalt#2D3580Dark Cobalt#263087Muted Cobalt#8185B1Soft Cobalt#787FBASoft Cobalt#7078C2Classic Cobalt#6872CAClassic Cobalt#606BD2Muted Cobalt#9192A1Dark Cobalt#31355E
RELATIONSHIP

Tints

Tint Cobalt#9493BDTint Cobalt#8786CBTint Cobalt#807FD2Tint Cobalt#7978D9Tint Cobalt#A2A1AFTint Cobalt#9B9AB6Tint Cobalt#A7A6C9Tint Cobalt#A2A1CETint Cobalt#9C9BD4Tint Cobalt#9695DATint Cobalt#9190E0Tint Cobalt#ADACC3Light Cobalt#BAB9D4Light Cobalt#B6B5D9Light Cobalt#B1B0DDLight Cobalt#ADACE2Light Cobalt#A9A7E6Light Cobalt#C3C2CBLight Cobalt#CDCCE0Light Cobalt#CAC9E3Light Cobalt#C0BFEDLight Cobalt#E0DFECLight Cobalt#DEDDEELight Cobalt#DCDBF0Light Cobalt#DAD9F2Light Cobalt#D8D7F4Light Cobalt#E4E3E8Light Cobalt#E2E1EATint Cobalt#A1A1AFTint Cobalt#9A9AB6Tint Cobalt#9393BDTint Cobalt#8686CBTint Cobalt#7F7FD2Tint Cobalt#9593BDTint Cobalt#7878D9Tint Cobalt#8E8DC4
RELATIONSHIP

Tones

Muted Cobalt#62619ESoft Cobalt#5857A8Soft Cobalt#4E4CB2Classic Cobalt#4442BDClassic Cobalt#3A38C7Muted Cobalt#76758AMuted Cobalt#6C6B94Soft Cobalt#6564AFSoft Cobalt#5C5BB9Classic Cobalt#5351C2Classic Cobalt#4A48CBMuted Cobalt#818093Muted Cobalt#78779CSoft Cobalt#7978BASoft Cobalt#7270C2Classic Cobalt#6A68CAClassic Cobalt#6260D2Muted Cobalt#75758AMuted Cobalt#6B6B94Muted Cobalt#61619ESoft Cobalt#5757A8Soft Cobalt#4C4CB2Classic Cobalt#4242BDMuted Cobalt#63619EClassic Cobalt#3838C7Soft Cobalt#5957A8Soft Cobalt#504CB2Classic Cobalt#4642BDClassic Cobalt#3D38C7Muted Cobalt#808093Muted Cobalt#77779CSoft Cobalt#6464AFSoft Cobalt#5B5BB9Classic Cobalt#5151C2Muted Cobalt#6F6EA6Classic Cobalt#4848CB
RELATIONSHIP

Shades

Shade Cobalt#464587Shade Cobalt#3F3D8FShade Cobalt#373597Shade Cobalt#2F2D9FDark Cobalt#3C3B72Dark Cobalt#353479Dark Cobalt#2E2D80Dark Cobalt#282687Dark Cobalt#43426CDark Cobalt#2C2B64Dark Cobalt#26256ADark Cobalt#211F6FDark Cobalt#373659Dark Cobalt#27264ADark Cobalt#1E1D53Dark Cobalt#1A1958Dark Cobalt#191839Dark Cobalt#16153CDark Cobalt#131240Deep Cobalt#0D0C2CDeep Cobalt#161523Deep Cobalt#0B0A14Shade Cobalt#454587Shade Cobalt#3D3D8FShade Cobalt#575676Shade Cobalt#353597Shade Cobalt#4F4E7EShade Cobalt#2D2D9FShade Cobalt#484587Shade Cobalt#403D8FShade Cobalt#383597Shade Cobalt#312D9FDark Cobalt#42426CDark Cobalt#3B3B72Dark Cobalt#343479Dark Cobalt#4A4965
COLOR THEORY

Harmonies

monochromatic
#504F9C#26264B#3B3A73#7271B7#9A99CC
complementary
#9B9C4F
analogous
#4F749C#774F9C
triadic
#9C504F#4F9C50
tetradic
#9C4F74#9B9C4F#4F9C77
splitComplementary
#9C774F#749C4F
ACCESSIBILITY

WCAG combinations

Pale Yellow#FFFFFA7.12:1 · AAA
Pale Yellow#FEFFFA7.11:1 · AAA
Pale Lemon#FDFFFA7.1:1 · AAA
Pale Amber#FFFEFA7.08:1 · AAA
Pale Chartreuse#FCFFFA7.08:1 · AAA
Pale Gold#FEFEFA7.07:1 · AAA
Pale Gold#FEFEFB7.07:1 · AAA
Pale Lime#FBFFFA7.07:1 · AAA
Pale Yellow#FFFFEB7.06:1 · AAA
Pale Yellow#FDFEFB7.06:1 · AAA
Pale Yellow#FEFFEB7.05:1 · AAA
Pale Lemon#FDFEFA7.05:1 · AAA
Pale Orange#FFFDFA7.04:1 · AAA
Pale Yellow#FDFFEB7.04:1 · AAA
Pale Chartreuse#FCFEFB7.04:1 · AAA
Pale Chartreuse#FCFEFA7.04:1 · AAA
Pale Orange#FEFDFB7.03:1 · AAA
Pale Lime#FBFEFA7.03:1 · AAA
Pale Lime#FBFEFB7.03:1 · AAA
Pale Orange#FEFDFA7.02:1 · AAA
Pale Orange#FDFDFC7.02:1 · AAA
Pale Yellow#FFFEEB7.02:1 · AAA
Pale Lemon#FCFFEB7.02:1 · AAA
Pale Orange#FDFDFB7.01:1 · AAA
Pale Yellow#FEFEEC7.01:1 · AAA
Pale Lemon#FBFFEB7.01:1 · AAA
Pale Chartreuse#FCFDFC7.01:1 · AAA
Pale Yellow#FDFEEC7:1 · AA
Pale Lemon#FAFFEB7:1 · AA
Pale Chartreuse#FCFDFB7:1 · AAA
COLOR VISION

Simulation

original#504F9C
protanopia#505089
deuteranopia#505085
tritanopia#507B77
achromatopsia#585858