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

Classic Cobalt

#332ED1

Cobalt · tone · resolved by hex

120ranked matches
8.5636white contrast
2.4522black contrast
CIEDE2000

Closest colors

Lower ΔE = closer
Classic Cobalt#312ED1Cobalt · toneΔE00 0.157Classic Cobalt#362ED1Cobalt · toneΔE00 0.247Classic Cobalt#2E2ED1Cobalt · toneΔE00 0.382Classic Cobalt#392ED1Cobalt · toneΔE00 0.508Classic Indigo#3B2ED1Indigo · toneΔE00 0.69Classic Cobalt#2E31D1Cobalt · toneΔE00 0.758Classic Indigo#3E2ED1Indigo · toneΔE00 0.973Classic Cobalt#2E33D1Cobalt · toneΔE00 1.163Classic Indigo#412ED1Indigo · toneΔE00 1.269Vivid Cobalt#242DDBCobalt · toneΔE00 1.269Vivid Cobalt#242ADBCobalt · toneΔE00 1.359Vivid Cobalt#2430DBCobalt · toneΔE00 1.44Shade Cobalt#172DD3Cobalt · shadeΔE00 1.568Classic Indigo#442ED1Indigo · toneΔE00 1.577Vivid Cobalt#2427DBCobalt · toneΔE00 1.634Shade Cobalt#1730D3Cobalt · shadeΔE00 1.676Shade Cobalt#172AD3Cobalt · shadeΔE00 1.702Shade Cobalt#212FCACobalt · shadeΔE00 1.751Classic Indigo#462ED1Indigo · toneΔE00 1.79Shade Cobalt#212CCACobalt · shadeΔE00 1.792Classic Cobalt#2E36D1Cobalt · toneΔE00 1.831Vivid Cobalt#2433DBCobalt · toneΔE00 1.835Shade Blue#0E2DDDBlue · shadeΔE00 1.87Vivid Cobalt#2D24DBCobalt · toneΔE00 1.898Vivid Cobalt#3024DBCobalt · toneΔE00 1.899Shade Cobalt#0E2ADDCobalt · shadeΔE00 1.91Vivid Cobalt#2A24DBCobalt · toneΔE00 1.916Vivid Indigo#3324DBIndigo · toneΔE00 1.922Vivid Cobalt#2724DBCobalt · toneΔE00 1.948Shade Cobalt#2132CACobalt · shadeΔE00 1.961Vivid Indigo#3624DBIndigo · toneΔE00 1.97Vivid Cobalt#2424DBCobalt · toneΔE00 1.991Shade Cobalt#1727D3Cobalt · shadeΔE00 2Shade Blue#0E30DDBlue · shadeΔE00 2.022Shade Cobalt#2129CACobalt · shadeΔE00 2.036Vivid Indigo#3924DBIndigo · toneΔE00 2.046Classic Indigo#492ED1Indigo · toneΔE00 2.12Vivid Indigo#3C24DBIndigo · toneΔE00 2.151Shade Blue#1734D3Blue · shadeΔE00 2.179Shade Cobalt#0E26DDCobalt · shadeΔE00 2.187Vivid Indigo#3F24DBIndigo · toneΔE00 2.285Shade Indigo#392AC0Indigo · shadeΔE00 2.368Vivid Cobalt#2436DBCobalt · toneΔE00 2.369Shade Indigo#372AC0Indigo · shadeΔE00 2.37Shade Cobalt#1724D3Cobalt · shadeΔE00 2.374Vivid Cobalt#192BE6Cobalt · toneΔE00 2.381Shade Cobalt#2135CACobalt · shadeΔE00 2.387Shade Cobalt#2126CACobalt · shadeΔE00 2.393Classic Cobalt#3A38C7Cobalt · toneΔE00 2.396Shade Indigo#3C2AC0Indigo · shadeΔE00 2.398Shade Cobalt#342AC0Cobalt · shadeΔE00 2.401Classic Cobalt#3838C7Cobalt · toneΔE00 2.403Vivid Cobalt#3535DECobalt · toneΔE00 2.411Classic Cobalt#3D38C7Cobalt · toneΔE00 2.419Shade Cobalt#322AC0Cobalt · shadeΔE00 2.437Shade Indigo#3E2AC0Indigo · shadeΔE00 2.44Vivid Indigo#4224DBIndigo · toneΔE00 2.446Vivid Cobalt#192EE6Cobalt · toneΔE00 2.455Classic Cobalt#3F38C7Cobalt · toneΔE00 2.46Shade Cobalt#2A2FC0Cobalt · shadeΔE00 2.461Classic Indigo#4C2ED1Indigo · toneΔE00 2.462Vivid Cobalt#1927E6Cobalt · toneΔE00 2.469Vivid Cobalt#3835DECobalt · toneΔE00 2.484Shade Cobalt#0E23DDCobalt · shadeΔE00 2.488Shade Cobalt#2A2DC0Cobalt · shadeΔE00 2.489Shade Blue#0E34DDBlue · shadeΔE00 2.5Shade Cobalt#2F2AC0Cobalt · shadeΔE00 2.511Shade Blue#052AE6Blue · shadeΔE00 2.514Shade Indigo#412AC0Indigo · shadeΔE00 2.54Classic Cobalt#2E39D1Cobalt · toneΔE00 2.545Classic Cobalt#4238C7Cobalt · toneΔE00 2.56Shade Cobalt#2D2AC0Cobalt · shadeΔE00 2.57Shade Cobalt#2A32C0Cobalt · shadeΔE00 2.582Vivid Cobalt#3B35DECobalt · toneΔE00 2.583Shade Blue#052EE6Blue · shadeΔE00 2.583Shade Indigo#432AC0Indigo · shadeΔE00 2.63Vivid Indigo#4524DBIndigo · toneΔE00 2.634Vivid Cobalt#1924E6Cobalt · toneΔE00 2.638Vivid Cobalt#2C2CE8Cobalt · toneΔE00 2.639Shade Blue#0526E6Blue · shadeΔE00 2.646Classic Indigo#4438C7Indigo · toneΔE00 2.653Shade Cobalt#2124CACobalt · shadeΔE00 2.66Shade Indigo#3721CAIndigo · shadeΔE00 2.664Vivid Cobalt#1931E6Cobalt · toneΔE00 2.665Shade Cobalt#2A2AC0Cobalt · shadeΔE00 2.669Shade Indigo#3521CAIndigo · shadeΔE00 2.67Shade Indigo#3A21CAIndigo · shadeΔE00 2.677Vivid Cobalt#2F2CE8Cobalt · toneΔE00 2.685Shade Indigo#3221CAIndigo · shadeΔE00 2.696Vivid Cobalt#3E35DECobalt · toneΔE00 2.71Shade Indigo#3D21CAIndigo · shadeΔE00 2.718Shade Blue#1737D3Blue · shadeΔE00 2.736Shade Indigo#2F21CAIndigo · shadeΔE00 2.74Vivid Cobalt#322CE8Cobalt · toneΔE00 2.747Shade Cobalt#2137CACobalt · shadeΔE00 2.757Vivid Cobalt#2C2FE8Cobalt · toneΔE00 2.762Classic Indigo#4638C7Indigo · toneΔE00 2.766Shade Cobalt#1721D3Cobalt · shadeΔE00 2.772Shade Cobalt#2A34C0Cobalt · shadeΔE00 2.773Shade Indigo#4021CAIndigo · shadeΔE00 2.791Shade Cobalt#2C21CACobalt · shadeΔE00 2.799Shade Indigo#462AC0Indigo · shadeΔE00 2.8Classic Indigo#4F2ED1Indigo · toneΔE00 2.816Vivid Cobalt#352CE8Cobalt · toneΔE00 2.825Shade Cobalt#0523E6Cobalt · shadeΔE00 2.836Vivid Indigo#4824DBIndigo · toneΔE00 2.847Classic Cobalt#383AC7Cobalt · toneΔE00 2.849Vivid Cobalt#4135DECobalt · toneΔE00 2.863Shade Cobalt#2921CACobalt · shadeΔE00 2.867Shade Blue#0532E6Blue · shadeΔE00 2.886Shade Blue#042FC8Blue · shadeΔE00 2.895Shade Indigo#4321CAIndigo · shadeΔE00 2.896Shade Blue#042BC8Blue · shadeΔE00 2.918Vivid Cobalt#382CE8Cobalt · toneΔE00 2.921Shade Cobalt#0E1FDDCobalt · shadeΔE00 2.931Vivid Cobalt#3538DECobalt · toneΔE00 2.932Shade Indigo#482AC0Indigo · shadeΔE00 2.936Vivid Cobalt#1920E6Cobalt · toneΔE00 2.941Shade Cobalt#2621CACobalt · shadeΔE00 2.942Classic Indigo#4938C7Indigo · toneΔE00 2.971
RELATIONSHIP

Lighter

Soft Cobalt#5E5BB9Classic Cobalt#5551C2Classic Cobalt#4C48CBClassic Cobalt#443FD5Vivid Cobalt#3B35DEVivid Cobalt#322CE8Vivid Cobalt#2922F1Soft Cobalt#5C5BB9Classic Cobalt#5351C2Classic Cobalt#4A48CBSoft Cobalt#5F5BB9Classic Cobalt#413FD5Classic Cobalt#5751C2Vivid Cobalt#3835DEClassic Cobalt#4F48CBVivid Cobalt#2F2CE8Classic Cobalt#463FD5Vivid Cobalt#2622F1Vivid Cobalt#3E35DEVivid Cobalt#352CE8Vivid Cobalt#2D22F1Vivid Cobalt#4135DEVivid Cobalt#382CE8Vivid Cobalt#3022F1Soft Cobalt#5B5BB9Classic Cobalt#5151C2Classic Cobalt#4848CBClassic Cobalt#3F3FD5Vivid Cobalt#3535DESoft Cobalt#615BB9Vivid Cobalt#2C2CE8Classic Cobalt#5951C2Vivid Cobalt#2222F1Classic Cobalt#5148CBClassic Cobalt#493FD5Classic Cobalt#5153C2
RELATIONSHIP

Darker

Shade Cobalt#4A46A4Shade Cobalt#413DAEShade Cobalt#3834B7Shade Cobalt#2F2AC0Shade Cobalt#2621CAShade Cobalt#1E17D3Shade Cobalt#150EDDShade Cobalt#4846A4Shade Cobalt#3F3DAEShade Cobalt#3634B7Shade Cobalt#4B46A4Shade Cobalt#2D2AC0Shade Cobalt#433DAEShade Cobalt#2421CAShade Cobalt#3A34B7Shade Cobalt#1B17D3Shade Cobalt#322AC0Shade Cobalt#120EDDShade Cobalt#2921CAShade Cobalt#2117D3Shade Cobalt#180EDDShade Cobalt#2417D3Shade Cobalt#1C0EDDShade Cobalt#4646A4Shade Cobalt#3D3DAEShade Cobalt#3434B7Shade Cobalt#2A2AC0Shade Cobalt#2121CAShade Cobalt#4D46A4Shade Cobalt#1717D3Shade Cobalt#453DAEShade Cobalt#0E0EDDShade Cobalt#3C34B7Shade Cobalt#342AC0Shade Cobalt#2C21CAShade Cobalt#3436B7
RELATIONSHIP

Warmer

Soft Indigo#5C4CB2Classic Indigo#5542BDClassic Indigo#4E38C7Classic Indigo#462ED1Vivid Indigo#3F24DBVivid Indigo#3819E6Vivid Indigo#310FF0Shade Indigo#5446A4Soft Indigo#695BB9Shade Indigo#4E3DAEClassic Indigo#6251C2Shade Indigo#4734B7Classic Indigo#5C48CBShade Indigo#412AC0Classic Indigo#553FD5Shade Indigo#3A21CAVivid Indigo#4F35DEShade Indigo#3417D3Vivid Indigo#482CE8Shade Indigo#2D0EDDVivid Indigo#4122F1Shade Indigo#493D8FSoft Indigo#7C70C2Shade Indigo#443597Classic Indigo#7768CAShade Indigo#3E2D9FClassic Indigo#7160D2Shade Indigo#3825A7Classic Indigo#6B58DAShade Indigo#331DAFVivid Indigo#6650E2Shade Indigo#2D14B8Vivid Indigo#6047EBShade Indigo#270CC0Vivid Indigo#5A3FF3Dark Indigo#3E3479
RELATIONSHIP

Cooler

Vivid Cobalt#0F22F0Soft Cobalt#4C55B2Classic Cobalt#424DBDClassic Cobalt#3844C7Classic Cobalt#2E3CD1Vivid Cobalt#2433DBVivid Cobalt#192BE6Shade Cobalt#0E1FDDVivid Cobalt#2234F1Shade Cobalt#464EA4Soft Cobalt#5B63B9Shade Cobalt#3D46AEClassic Cobalt#515BC2Shade Cobalt#343FB7Classic Cobalt#4853CBShade Cobalt#2A37C0Classic Cobalt#3F4BD5Shade Cobalt#212FCAVivid Cobalt#3543DEShade Cobalt#1727D3Vivid Cobalt#2C3CE8Shade Cobalt#0C1BC0Vivid Cobalt#3F4EF3Shade Cobalt#3D448FSoft Cobalt#7077C2Shade Cobalt#353D97Classic Cobalt#6870CAShade Cobalt#2D369FClassic Cobalt#6069D2Shade Cobalt#2530A7Classic Cobalt#5863DAShade Cobalt#1D29AFVivid Cobalt#505CE2Shade Cobalt#1422B8Vivid Cobalt#4755EBRich Cobalt#0A17A3
RELATIONSHIP

Tints

Tint Cobalt#615CF5Tint Cobalt#8886CBTint Cobalt#817FD2Tint Cobalt#7B78D9Tint Cobalt#7571E0Tint Cobalt#6E6AE7Tint Cobalt#6863EETint Cobalt#7D79F6Tint Cobalt#9D9BD4Tint Cobalt#9895DATint Cobalt#9290E0Tint Cobalt#8D8AE5Tint Cobalt#8884EBTint Cobalt#827EF1Light Cobalt#9996F8Light Cobalt#B2B0DDLight Cobalt#AEACE2Light Cobalt#AAA7E6Light Cobalt#A5A3EBLight Cobalt#A19FEFLight Cobalt#9D9AF4Light Cobalt#B5B2FALight Cobalt#C7C6E7Light Cobalt#C4C3EALight Cobalt#C1BFEDLight Cobalt#BEBCF0Light Cobalt#BBB9F4Light Cobalt#B8B6F7Light Cobalt#D1CFFCPale Cobalt#EFEEFBPale Cobalt#FBFAFETint Cobalt#8786CBTint Cobalt#807FD2Tint Cobalt#7978D9Tint Cobalt#8986CBTint Cobalt#7371E0
RELATIONSHIP

Tones

Soft Cobalt#504CB2Classic Cobalt#4642BDClassic Cobalt#3D38C7Classic Cobalt#332ED1Vivid Cobalt#2A24DBVivid Cobalt#2019E6Vivid Cobalt#170FF0Soft Cobalt#5E5BB9Classic Cobalt#5551C2Classic Cobalt#4C48CBClassic Cobalt#443FD5Vivid Cobalt#3B35DEVivid Cobalt#322CE8Vivid Cobalt#2922F1Soft Cobalt#7370C2Classic Cobalt#6B68CAClassic Cobalt#6460D2Classic Cobalt#5C58DAVivid Cobalt#5450E2Vivid Cobalt#4D47EBVivid Cobalt#453FF3Soft Cobalt#4E4CB2Classic Cobalt#4442BDClassic Cobalt#3A38C7Soft Cobalt#524CB2Classic Cobalt#312ED1Classic Cobalt#4842BDVivid Cobalt#2724DBClassic Cobalt#3F38C7Vivid Cobalt#1D19E6Classic Cobalt#362ED1Vivid Cobalt#130FF0Vivid Cobalt#2D24DBVivid Cobalt#2419E6Vivid Cobalt#1B0FF0Soft Cobalt#5C5BB9
RELATIONSHIP

Shades

Shade Cobalt#4A46A4Shade Cobalt#413DAEShade Cobalt#3834B7Shade Cobalt#2F2AC0Shade Cobalt#2621CAShade Cobalt#1E17D3Shade Cobalt#150EDDShade Cobalt#403D8FShade Cobalt#383597Shade Cobalt#312D9FShade Cobalt#2925A7Shade Cobalt#211DAFShade Cobalt#1A14B8Shade Cobalt#120CC0Dark Cobalt#363479Dark Cobalt#302D80Dark Cobalt#292687Dark Cobalt#231F8ERich Cobalt#1C1895Rich Cobalt#16119CRich Cobalt#0F0AA3Dark Cobalt#2D2B64Dark Cobalt#27256ADark Cobalt#221F6FDark Cobalt#1D1A75Rich Cobalt#17147BRich Cobalt#120E81Rich Cobalt#0D0986Dark Cobalt#23224FDark Cobalt#1F1D53Dark Cobalt#1B1958Dark Cobalt#17145CDark Cobalt#121060Dark Cobalt#0E0B65Dark Cobalt#0A0769Dark Cobalt#1A1839
COLOR THEORY

Harmonies

monochromatic
#332ED1#1B186D#27239F#6460DC#9592E7
complementary
#CCD12E
analogous
#2E7AD1#852ED1
triadic
#D1332E#2ED133
tetradic
#D12E7A#CCD12E#2ED185
splitComplementary
#D1852E#7AD12E
ACCESSIBILITY

WCAG combinations

Pale Yellow#FFFFFA8.54:1 · AAA
Pale Yellow#FEFFFA8.52:1 · AAA
Pale Lemon#FDFFFA8.51:1 · AAA
Pale Amber#FFFEFA8.49:1 · AAA
Pale Chartreuse#FCFFFA8.49:1 · AAA
Pale Gold#FEFEFB8.48:1 · AAA
Pale Lime#FBFFFA8.48:1 · AAA
Pale Gold#FEFEFA8.47:1 · AAA
Pale Yellow#FFFFEB8.46:1 · AAA
Pale Yellow#FDFEFB8.46:1 · AAA
Pale Yellow#FEFFEB8.45:1 · AAA
Pale Lemon#FDFEFA8.45:1 · AAA
Pale Chartreuse#FCFEFB8.44:1 · AAA
Pale Chartreuse#FCFEFA8.44:1 · AAA
Pale Orange#FFFDFA8.43:1 · AAA
Pale Yellow#FDFFEB8.43:1 · AAA
Pale Lime#FBFEFB8.43:1 · AAA
Pale Orange#FEFDFB8.42:1 · AAA
Pale Orange#FEFDFA8.42:1 · AAA
Pale Lemon#FCFFEB8.42:1 · AAA
Pale Lime#FBFEFA8.42:1 · AAA
Pale Orange#FDFDFC8.41:1 · AAA
Pale Orange#FDFDFB8.41:1 · AAA
Pale Yellow#FFFEEB8.41:1 · AAA
Pale Yellow#FEFEEC8.4:1 · AAA
Pale Lemon#FBFFEB8.4:1 · AAA
Pale Chartreuse#FCFDFC8.4:1 · AAA
Pale Yellow#FDFEEC8.39:1 · AAA
Pale Lemon#FAFFEB8.39:1 · AAA
Pale Chartreuse#FCFDFB8.39:1 · AAA
COLOR VISION

Simulation

original#332ED1
protanopia#3131AA
deuteranopia#3131A0
tritanopia#338A84
achromatopsia#424242