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

#2121d4

#2121D4

Custom · tone · resolved by hex

120ranked matches
9.4048white contrast
2.2329black contrast
CIEDE2000

Closest colors

Lower ΔE = closer
Shade Cobalt#1721D3Cobalt · shadeΔE00 0.491Shade Cobalt#1724D3Cobalt · shadeΔE00 0.669Shade Cobalt#171ED3Cobalt · shadeΔE00 0.706Shade Cobalt#0E1FDDCobalt · shadeΔE00 1.005Shade Cobalt#171BD3Cobalt · shadeΔE00 1.056Shade Cobalt#0E1CDDCobalt · shadeΔE00 1.094Shade Cobalt#1727D3Cobalt · shadeΔE00 1.109Vivid Cobalt#2424DBCobalt · toneΔE00 1.159Shade Cobalt#0E23DDCobalt · shadeΔE00 1.168Shade Cobalt#2921CACobalt · shadeΔE00 1.173Shade Cobalt#2621CACobalt · shadeΔE00 1.183Shade Cobalt#2C21CACobalt · shadeΔE00 1.196Shade Cobalt#2421CACobalt · shadeΔE00 1.205Vivid Cobalt#2724DBCobalt · toneΔE00 1.239Shade Cobalt#2124CACobalt · shadeΔE00 1.241Shade Cobalt#2121CACobalt · shadeΔE00 1.254Shade Indigo#2F21CAIndigo · shadeΔE00 1.256Vivid Cobalt#2A24DBCobalt · toneΔE00 1.342Shade Cobalt#2126CACobalt · shadeΔE00 1.357Shade Indigo#3221CAIndigo · shadeΔE00 1.357Shade Cobalt#0E18DDCobalt · shadeΔE00 1.373Shade Cobalt#2417D3Cobalt · shadeΔE00 1.401Shade Indigo#2717D3Indigo · shadeΔE00 1.406Shade Cobalt#2117D3Cobalt · shadeΔE00 1.413Shade Indigo#2A17D3Indigo · shadeΔE00 1.433Shade Cobalt#1E17D3Cobalt · shadeΔE00 1.439Vivid Cobalt#2D24DBCobalt · toneΔE00 1.466Shade Cobalt#1B17D3Cobalt · shadeΔE00 1.474Shade Indigo#2D17D3Indigo · shadeΔE00 1.485Shade Cobalt#0E26DDCobalt · shadeΔE00 1.488Shade Indigo#3521CAIndigo · shadeΔE00 1.494Vivid Cobalt#2427DBCobalt · toneΔE00 1.525Shade Cobalt#1717D3Cobalt · shadeΔE00 1.528Shade Indigo#3017D3Indigo · shadeΔE00 1.565Shade Indigo#3721CAIndigo · shadeΔE00 1.606Vivid Cobalt#3024DBCobalt · toneΔE00 1.612Shade Cobalt#0E15DDCobalt · shadeΔE00 1.619Shade Cobalt#172AD3Cobalt · shadeΔE00 1.644Shade Cobalt#2129CACobalt · shadeΔE00 1.695Shade Indigo#3417D3Indigo · shadeΔE00 1.714Vivid Indigo#3324DBIndigo · toneΔE00 1.778Shade Indigo#3A21CAIndigo · shadeΔE00 1.798Shade Indigo#3717D3Indigo · shadeΔE00 1.858Shade Cobalt#0E12DDCobalt · shadeΔE00 1.863Shade Cobalt#051BE6Cobalt · shadeΔE00 1.933Shade Cobalt#051FE6Cobalt · shadeΔE00 1.956Vivid Indigo#3624DBIndigo · toneΔE00 1.964Vivid Cobalt#242ADBCobalt · toneΔE00 1.984Vivid Cobalt#191DE6Cobalt · toneΔE00 2.011Shade Indigo#3D21CAIndigo · shadeΔE00 2.019Shade Indigo#3A17D3Indigo · shadeΔE00 2.028Shade Cobalt#0517E6Cobalt · shadeΔE00 2.029Vivid Cobalt#1919E6Cobalt · toneΔE00 2.037Shade Blue#0421C8Blue · shadeΔE00 2.076Vivid Cobalt#1920E6Cobalt · toneΔE00 2.077Vivid Cobalt#1D19E6Cobalt · toneΔE00 2.079Shade Cobalt#0E2ADDCobalt · shadeΔE00 2.08Shade Indigo#1F0EDDIndigo · shadeΔE00 2.096Shade Cobalt#1C0EDDCobalt · shadeΔE00 2.098Shade Blue#0425C8Blue · shadeΔE00 2.099Shade Indigo#230EDDIndigo · shadeΔE00 2.105Shade Cobalt#180EDDCobalt · shadeΔE00 2.11Vivid Cobalt#2019E6Cobalt · toneΔE00 2.12Shade Cobalt#150EDDCobalt · shadeΔE00 2.124Shade Indigo#260EDDIndigo · shadeΔE00 2.125Shade Cobalt#0523E6Cobalt · shadeΔE00 2.138Shade Cobalt#120EDDCobalt · shadeΔE00 2.139Shade Cobalt#0514E6Cobalt · shadeΔE00 2.146Shade Cobalt#0E0EDDCobalt · shadeΔE00 2.161Vivid Indigo#3924DBIndigo · toneΔE00 2.167Shade Cobalt#212CCACobalt · shadeΔE00 2.171Shade Indigo#2A0EDDIndigo · shadeΔE00 2.171Vivid Cobalt#2419E6Cobalt · toneΔE00 2.192Shade Cobalt#041EC8Cobalt · shadeΔE00 2.21Shade Indigo#3D17D3Indigo · shadeΔE00 2.222Shade Indigo#2D0EDDIndigo · shadeΔE00 2.224Shade Cobalt#172DD3Cobalt · shadeΔE00 2.235Vivid Cobalt#2719E6Cobalt · toneΔE00 2.26Shade Indigo#4021CAIndigo · shadeΔE00 2.264Shade Indigo#300EDDIndigo · shadeΔE00 2.294Vivid Cobalt#1924E6Cobalt · toneΔE00 2.3Shade Blue#0428C8Blue · shadeΔE00 2.3Shade Cobalt#0510E6Cobalt · shadeΔE00 2.326Vivid Indigo#2A19E6Indigo · toneΔE00 2.341Shade Blue#0526E6Blue · shadeΔE00 2.386Vivid Indigo#3C24DBIndigo · toneΔE00 2.388Classic Cobalt#2E2ED1Cobalt · toneΔE00 2.397Shade Indigo#340EDDIndigo · shadeΔE00 2.417Shade Cobalt#041BC8Cobalt · shadeΔE00 2.423Shade Indigo#4017D3Indigo · shadeΔE00 2.438Classic Cobalt#312ED1Cobalt · toneΔE00 2.458Vivid Indigo#2E19E6Indigo · toneΔE00 2.472Shade Cobalt#050CE6Cobalt · shadeΔE00 2.506Vivid Cobalt#242DDBCobalt · toneΔE00 2.506Classic Cobalt#332ED1Cobalt · toneΔE00 2.512Shade Indigo#4321CAIndigo · shadeΔE00 2.53Shade Indigo#370EDDIndigo · shadeΔE00 2.532Vivid Cobalt#1927E6Cobalt · toneΔE00 2.57Vivid Indigo#3119E6Indigo · toneΔE00 2.587Shade Blue#0E2DDDBlue · shadeΔE00 2.607Shade Cobalt#2F2AC0Cobalt · shadeΔE00 2.609Shade Cobalt#2D2AC0Cobalt · shadeΔE00 2.61Classic Cobalt#362ED1Cobalt · toneΔE00 2.615Vivid Indigo#3F24DBIndigo · toneΔE00 2.625Shade Cobalt#322AC0Cobalt · shadeΔE00 2.628Shade Cobalt#2A2AC0Cobalt · shadeΔE00 2.631Shade Blue#042BC8Blue · shadeΔE00 2.65Shade Cobalt#342AC0Cobalt · shadeΔE00 2.656Shade Cobalt#0508E6Cobalt · shadeΔE00 2.672Shade Indigo#4317D3Indigo · shadeΔE00 2.674Shade Cobalt#0418C8Cobalt · shadeΔE00 2.675Shade Indigo#3B0EDDIndigo · shadeΔE00 2.717Shade Indigo#4521CAIndigo · shadeΔE00 2.719Shade Indigo#372AC0Indigo · shadeΔE00 2.724Shade Cobalt#212FCACobalt · shadeΔE00 2.737Classic Cobalt#392ED1Cobalt · toneΔE00 2.743Vivid Indigo#3519E6Indigo · toneΔE00 2.766Shade Cobalt#1405E6Cobalt · shadeΔE00 2.784Shade Indigo#1705E6Indigo · shadeΔE00 2.784Shade Cobalt#1005E6Cobalt · shadeΔE00 2.786
RELATIONSHIP

Lighter

Classic Cobalt#5151C2Classic Cobalt#4848CBClassic Cobalt#3F3FD5Vivid Cobalt#3535DEVivid Cobalt#2C2CE8Vivid Cobalt#2222F1Pure Cobalt#1919FAClassic Cobalt#5153C2Classic Cobalt#484ACBClassic Cobalt#3F41D5Classic Cobalt#5351C2Vivid Cobalt#3538DEClassic Cobalt#4A48CBVivid Cobalt#2C2FE8Classic Cobalt#413FD5Vivid Cobalt#2226F1Vivid Cobalt#3835DEPure Cobalt#191DFAVivid Cobalt#2F2CE8Vivid Cobalt#2622F1Pure Cobalt#1D19FAPure Cobalt#2119FAClassic Cobalt#5155C2Classic Cobalt#484CCBClassic Cobalt#3F44D5Vivid Cobalt#353BDEVivid Cobalt#2C32E8Vivid Cobalt#2229F1Classic Cobalt#5551C2Classic Cobalt#4C48CBPure Cobalt#1921FAClassic Cobalt#443FD5Vivid Cobalt#3B35DEVivid Cobalt#322CE8Vivid Cobalt#2922F1Vivid Cobalt#353EDE
RELATIONSHIP

Darker

Shade Cobalt#353597Shade Cobalt#2D2D9FShade Cobalt#2525A7Shade Cobalt#1D1DAFShade Cobalt#1414B8Shade Cobalt#0C0CC0Shade Cobalt#0404C8Shade Cobalt#2D2F9FShade Cobalt#2527A7Shade Cobalt#373597Shade Cobalt#1D1FAFShade Cobalt#2F2D9FShade Cobalt#1417B8Shade Cobalt#2725A7Shade Cobalt#0C0FC0Shade Cobalt#1F1DAFShade Cobalt#0407C8Shade Cobalt#1714B8Shade Cobalt#0F0CC0Shade Cobalt#0704C8Shade Cobalt#353797Shade Cobalt#0B04C8Shade Cobalt#353897Shade Cobalt#2D319FShade Cobalt#2529A7Shade Cobalt#1D21AFShade Cobalt#141AB8Shade Cobalt#0C12C0Shade Cobalt#383597Shade Cobalt#312D9FShade Cobalt#040BC8Shade Cobalt#2925A7Shade Cobalt#211DAFShade Cobalt#1A14B8Shade Cobalt#120CC0Shade Cobalt#1D24AF
RELATIONSHIP

Warmer

Shade Indigo#4A3DAEClassic Indigo#5142BDShade Indigo#4334B7Classic Indigo#4938C7Shade Indigo#3C2AC0Classic Indigo#412ED1Shade Indigo#3521CAVivid Indigo#3924DBShade Indigo#2D17D3Vivid Indigo#3119E6Shade Indigo#260EDDVivid Indigo#290FF0Shade Indigo#1F05E6Pure Indigo#2205FAClassic Indigo#5F51C2Classic Indigo#5748CBClassic Indigo#503FD5Vivid Indigo#4935DEVivid Indigo#422CE8Vivid Indigo#3B22F1Pure Indigo#3319FAShade Indigo#403597Shade Indigo#3A2D9FShade Indigo#3425A7Shade Indigo#2E1DAFShade Indigo#2714B8Shade Indigo#210CC0Shade Indigo#1B04C8Classic Indigo#7368CAClassic Indigo#6D60D2Classic Indigo#6758DAVivid Indigo#6150E2Vivid Indigo#5A47EBVivid Indigo#543FF3Pure Indigo#4E37FBDark Indigo#372D80
RELATIONSHIP

Cooler

Shade Cobalt#3D4AAEClassic Cobalt#4251BDShade Cobalt#3443B7Classic Cobalt#3849C7Shade Cobalt#2A3CC0Classic Cobalt#2E41D1Shade Cobalt#2135CAVivid Cobalt#2439DBShade Cobalt#172DD3Vivid Cobalt#1931E6Shade Cobalt#0E26DDVivid Cobalt#0F29F0Shade Cobalt#051FE6Pure Cobalt#0522FAClassic Cobalt#515FC2Classic Cobalt#4857CBClassic Cobalt#3F50D5Vivid Cobalt#3549DEVivid Cobalt#2C42E8Vivid Cobalt#223BF1Pure Cobalt#1933FAShade Cobalt#354097Shade Cobalt#2D3A9FShade Cobalt#2534A7Shade Cobalt#1D2EAFShade Cobalt#1427B8Shade Cobalt#0C21C0Shade Cobalt#041BC8Classic Cobalt#6873CAClassic Cobalt#606DD2Classic Cobalt#5867DAVivid Cobalt#5061E2Vivid Cobalt#475AEBVivid Cobalt#3F54F3Pure Cobalt#374EFBDark Cobalt#2D3780
RELATIONSHIP

Tints

Tint Cobalt#7F7FD2Tint Cobalt#7878D9Tint Cobalt#7171E0Tint Cobalt#6A6AE7Tint Cobalt#6363EETint Cobalt#5C5CF5Tint Cobalt#5555FCTint Cobalt#9595DATint Cobalt#9090E0Tint Cobalt#8A8AE5Tint Cobalt#8484EBTint Cobalt#7E7EF1Tint Cobalt#7979F6Tint Cobalt#7373FCLight Cobalt#ACACE2Light Cobalt#A7A7E6Light Cobalt#A3A3EBLight Cobalt#9F9FEFLight Cobalt#9A9AF4Light Cobalt#9696F8Light Cobalt#9191FDLight Cobalt#BFBFEDLight Cobalt#BCBCF0Light Cobalt#B9B9F4Light Cobalt#B6B6F7Light Cobalt#B2B2FALight Cobalt#AFAFFDLight Cobalt#D9D9F2Light Cobalt#D7D7F4Light Cobalt#D5D5F6Light Cobalt#D3D3F8Light Cobalt#D1D1FALight Cobalt#CFCFFCLight Cobalt#CDCDFEPale Cobalt#EDEDFCTint Cobalt#7F80D2
RELATIONSHIP

Tones

Classic Cobalt#4242BDClassic Cobalt#3838C7Classic Cobalt#2E2ED1Vivid Cobalt#2424DBVivid Cobalt#1919E6Vivid Cobalt#0F0FF0Pure Cobalt#0505FAClassic Cobalt#5151C2Classic Cobalt#4848CBClassic Cobalt#3F3FD5Vivid Cobalt#3535DEVivid Cobalt#2C2CE8Vivid Cobalt#2222F1Pure Cobalt#1919FAClassic Cobalt#6868CAClassic Cobalt#6060D2Classic Cobalt#5858DAVivid Cobalt#5050E2Vivid Cobalt#4747EBVivid Cobalt#3F3FF3Pure Cobalt#3737FBClassic Cobalt#4244BDClassic Cobalt#383AC7Classic Cobalt#2E31D1Classic Cobalt#4442BDVivid Cobalt#2427DBClassic Cobalt#3A38C7Vivid Cobalt#191DE6Classic Cobalt#312ED1Vivid Cobalt#0F13F0Vivid Cobalt#2724DBPure Cobalt#0509FAVivid Cobalt#1D19E6Vivid Cobalt#130FF0Pure Cobalt#0905FAClassic Cobalt#5153C2
RELATIONSHIP

Shades

Shade Cobalt#3D3DAEShade Cobalt#3434B7Shade Cobalt#2A2AC0Shade Cobalt#2121CAShade Cobalt#1717D3Shade Cobalt#0E0EDDShade Cobalt#0505E6Shade Cobalt#353597Shade Cobalt#2D2D9FShade Cobalt#2525A7Shade Cobalt#1D1DAFShade Cobalt#1414B8Shade Cobalt#0C0CC0Shade Cobalt#0404C8Dark Cobalt#2D2D80Dark Cobalt#262687Dark Cobalt#1F1F8ERich Cobalt#181895Rich Cobalt#11119CRich Cobalt#0A0AA3Rich Cobalt#0303AADark Cobalt#25256ADark Cobalt#1F1F6FDark Cobalt#1A1A75Rich Cobalt#14147BRich Cobalt#0E0E81Rich Cobalt#090986Rich Cobalt#03038CDark Cobalt#1D1D53Dark Cobalt#191958Dark Cobalt#14145CDark Cobalt#101060Dark Cobalt#0B0B65Dark Cobalt#070769Dark Cobalt#02026EDark Cobalt#15153C
COLOR THEORY

Harmonies

monochromatic
#2121D4#11116A#19199F#4F4FE3#8383EC
complementary
#D4D421
analogous
#217AD4#7A21D4
triadic
#D42121#21D421
tetradic
#D4217A#D4D421#21D47A
splitComplementary
#D47A21#7AD421
ACCESSIBILITY

WCAG combinations

Pale Yellow#FFFFFA9.38:1 · AAA
Pale Yellow#FEFFFA9.36:1 · AAA
Pale Lemon#FDFFFA9.34:1 · AAA
Pale Chartreuse#FCFFFA9.33:1 · AAA
Pale Amber#FFFEFA9.32:1 · AAA
Pale Gold#FEFEFB9.31:1 · AAA
Pale Lime#FBFFFA9.31:1 · AAA
Pale Gold#FEFEFA9.3:1 · AAA
Pale Yellow#FFFFEB9.3:1 · AAA
Pale Yellow#FDFEFB9.29:1 · AAA
Pale Lemon#FDFEFA9.29:1 · AAA
Pale Yellow#FEFFEB9.28:1 · AAA
Pale Chartreuse#FCFEFB9.27:1 · AAA
Pale Chartreuse#FCFEFA9.27:1 · AAA
Pale Orange#FFFDFA9.26:1 · AAA
Pale Yellow#FDFFEB9.26:1 · AAA
Pale Lime#FBFEFB9.26:1 · AAA
Pale Orange#FEFDFB9.25:1 · AAA
Pale Orange#FEFDFA9.25:1 · AAA
Pale Lime#FBFEFA9.25:1 · AAA
Pale Orange#FDFDFC9.24:1 · AAA
Pale Yellow#FFFEEB9.24:1 · AAA
Pale Lemon#FCFFEB9.24:1 · AAA
Pale Orange#FDFDFB9.23:1 · AAA
Pale Yellow#FEFEEC9.23:1 · AAA
Pale Lemon#FBFFEB9.23:1 · AAA
Pale Chartreuse#FCFDFC9.22:1 · AAA
Pale Chartreuse#FCFDFB9.22:1 · AAA
Pale Coral#FFFCFA9.21:1 · AAA
Pale Yellow#FDFEEC9.21:1 · AAA
COLOR VISION

Simulation

original#2121D4
protanopia#2121A9
deuteranopia#21219E
tritanopia#21867F
achromatopsia#353535