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

#ccda2f

#CCDA2F

Custom · tone · resolved by hex

120ranked matches
1.5399white contrast
13.6371black contrast
CIEDE2000

Closest colors

Lower ΔE = closer
Vivid Yellow#CCDB24Yellow · toneΔE00 0.679Vivid Lemon#C9DB24Lemon · toneΔE00 0.883Vivid Yellow#D0DE35Yellow · toneΔE00 0.94Vivid Yellow#CFDB24Yellow · toneΔE00 0.976Vivid Lemon#CDDE35Lemon · toneΔE00 1.056Vivid Yellow#D3DE35Yellow · toneΔE00 1.222Vivid Lemon#C6DB24Lemon · toneΔE00 1.368Vivid Lemon#CADE35Lemon · toneΔE00 1.465Vivid Yellow#D2DB24Yellow · toneΔE00 1.513Shade Yellow#CBDD0EYellow · shadeΔE00 1.617Vivid Yellow#D6DE35Yellow · toneΔE00 1.727Shade Yellow#CFDD0EYellow · shadeΔE00 1.745Shade Lemon#C8DD0ELemon · shadeΔE00 1.779Vivid Lemon#C8DE35Lemon · toneΔE00 1.806Classic Yellow#CBD53FYellow · toneΔE00 1.834Shade Yellow#C4D317Yellow · shadeΔE00 1.865Shade Yellow#C7D317Yellow · shadeΔE00 1.874Classic Yellow#C8D53FYellow · toneΔE00 1.898Vivid Lemon#C3DB24Lemon · toneΔE00 1.922Classic Yellow#CDD53FYellow · toneΔE00 1.934Classic Lemon#C6D53FLemon · toneΔE00 2.067Shade Yellow#D2DD0EYellow · shadeΔE00 2.071Shade Yellow#CAD317Yellow · shadeΔE00 2.098Vivid Yellow#D5DB24Yellow · toneΔE00 2.124Classic Yellow#C6D12EYellow · toneΔE00 2.136Classic Yellow#C4D12EYellow · toneΔE00 2.171Shade Lemon#C0D317Lemon · shadeΔE00 2.171Shade Lemon#C4DD0ELemon · shadeΔE00 2.235Classic Yellow#C9D12EYellow · toneΔE00 2.261Classic Yellow#D0D53FYellow · toneΔE00 2.267Vivid Yellow#D9DE35Yellow · toneΔE00 2.321Vivid Lemon#C5DE35Lemon · toneΔE00 2.353Classic Lemon#C1D12ELemon · toneΔE00 2.383Classic Lemon#C3D53FLemon · toneΔE00 2.453Shade Yellow#CDD317Yellow · shadeΔE00 2.489Vivid Lemon#C0DB24Lemon · toneΔE00 2.492Shade Lemon#BDD317Lemon · shadeΔE00 2.557Classic Yellow#CCD12EYellow · toneΔE00 2.575Classic Yellow#D2D53FYellow · toneΔE00 2.579Shade Lemon#C1DD0ELemon · shadeΔE00 2.673Shade Yellow#D6DD0EYellow · shadeΔE00 2.689Classic Lemon#BED12ELemon · toneΔE00 2.738Vivid Yellow#DBDE35Yellow · toneΔE00 2.742Vivid Yellow#D8DB24Yellow · toneΔE00 2.765Classic Lemon#C1D53FLemon · toneΔE00 2.766Vivid Yellow#D6E250Yellow · toneΔE00 2.776Vivid Lemon#D4E250Lemon · toneΔE00 2.792Classic Yellow#CED12EYellow · toneΔE00 2.864Vivid Yellow#D9E250Yellow · toneΔE00 2.89Vivid Lemon#C2DE35Lemon · toneΔE00 2.916Vivid Lemon#D1E250Lemon · toneΔE00 2.943Shade Yellow#D0D317Yellow · shadeΔE00 2.987Shade Lemon#BAD317Lemon · shadeΔE00 3.016Vivid Yellow#DBE250Yellow · toneΔE00 3.052Vivid Lemon#BDDB24Lemon · toneΔE00 3.064Vivid Lemon#D1E619Lemon · toneΔE00 3.072Vivid Yellow#D4E619Yellow · toneΔE00 3.078Vivid Lemon#CFE250Lemon · toneΔE00 3.116Classic Yellow#D5D53FYellow · toneΔE00 3.132Shade Lemon#BEDD0ELemon · shadeΔE00 3.15Vivid Lemon#CEE619Lemon · toneΔE00 3.176Classic Lemon#BBD12ELemon · toneΔE00 3.182Vivid Lemon#D5E82CLemon · toneΔE00 3.214Shade Yellow#D9DD0EYellow · shadeΔE00 3.231Vivid Yellow#D8E82CYellow · toneΔE00 3.264Vivid Yellow#D8E619Yellow · toneΔE00 3.265Vivid Lemon#D2E82CLemon · toneΔE00 3.277Classic Lemon#BED53FLemon · toneΔE00 3.281Shade Yellow#D3E605Yellow · shadeΔE00 3.301Shade Lemon#CFE605Lemon · shadeΔE00 3.322Classic Yellow#D1D12EYellow · toneΔE00 3.38Vivid Yellow#DEDE35Yellow · toneΔE00 3.395Vivid Yellow#DEE250Yellow · toneΔE00 3.405Vivid Yellow#DBE82CYellow · toneΔE00 3.425Vivid Yellow#DBDB24Yellow · toneΔE00 3.425Vivid Lemon#CFE82CLemon · toneΔE00 3.441Shade Lemon#CCE605Lemon · shadeΔE00 3.452Vivid Lemon#CCE250Lemon · toneΔE00 3.457Vivid Lemon#CAE619Lemon · toneΔE00 3.462Shade Yellow#D7E605Yellow · shadeΔE00 3.465Classic Yellow#D2DA58Yellow · toneΔE00 3.481Vivid Lemon#BFDE35Lemon · toneΔE00 3.482Classic Yellow#CFDA58Yellow · toneΔE00 3.497Classic Lemon#B9D12ELemon · toneΔE00 3.507Shade Lemon#B7D317Lemon · shadeΔE00 3.513Vivid Yellow#DBE619Yellow · toneΔE00 3.527Shade Yellow#D3D317Yellow · shadeΔE00 3.552Classic Yellow#D4DA58Yellow · toneΔE00 3.553Classic Lemon#CDDA58Lemon · toneΔE00 3.588Vivid Lemon#BADB24Lemon · toneΔE00 3.629Classic Lemon#BCD53FLemon · toneΔE00 3.642Vivid Yellow#DEE82CYellow · toneΔE00 3.689Classic Yellow#D6DA58Yellow · toneΔE00 3.691Vivid Yellow#E0E250Yellow · toneΔE00 3.699Vivid Lemon#CAE250Lemon · toneΔE00 3.725Classic Lemon#CBDA58Lemon · toneΔE00 3.735Shade Lemon#C8E605Lemon · shadeΔE00 3.75Vivid Lemon#C7E619Lemon · toneΔE00 3.758Vivid Lemon#CBE82CLemon · toneΔE00 3.786Shade Yellow#DBE605Yellow · shadeΔE00 3.8Shade Yellow#C1CA21Yellow · shadeΔE00 3.805Shade Lemon#BADD0ELemon · shadeΔE00 3.813Vivid Yellow#DEDB35Yellow · toneΔE00 3.818Shade Yellow#BECA21Yellow · shadeΔE00 3.82Vivid Lemon#DAEB47Lemon · toneΔE00 3.853Vivid Lemon#D8EB47Lemon · toneΔE00 3.885Classic Yellow#D8DA58Yellow · toneΔE00 3.889Vivid Yellow#DDEB47Yellow · toneΔE00 3.89Shade Yellow#BCCA21Yellow · shadeΔE00 3.897Shade Yellow#C4CA21Yellow · shadeΔE00 3.914Classic Lemon#C9DA58Lemon · toneΔE00 3.929Vivid Yellow#DBD824Yellow · toneΔE00 3.938Classic Yellow#D5D23FYellow · toneΔE00 3.954Vivid Yellow#DFE619Yellow · toneΔE00 4.007Vivid Lemon#D5EB47Lemon · toneΔE00 4.012Shade Yellow#DDDD0EYellow · shadeΔE00 4.015Vivid Lemon#C8E250Lemon · toneΔE00 4.015Classic Lemon#B6D12ELemon · toneΔE00 4.02Shade Lemon#B4D317Lemon · shadeΔE00 4.03Vivid Yellow#E0EB47Yellow · toneΔE00 4.031
RELATIONSHIP

Lighter

RELATIONSHIP

Darker

RELATIONSHIP

Warmer

RELATIONSHIP

Cooler

RELATIONSHIP

Tints

RELATIONSHIP

Tones

RELATIONSHIP

Shades

COLOR THEORY

Harmonies

complementary
splitComplementary
ACCESSIBILITY

WCAG combinations

COLOR VISION

Simulation

original#CCDA2F
protanopia#D2D258
deuteranopia#D1D062
tritanopia#CD7980
achromatopsia#C2C2C2