{"hex":"#F2870D","rgb":[242,135,13],"hsl":[32,90,50],"cmyk":[0,44,95,5],"luminance":0.3623,"contrast":{"black":8.25,"white":2.55},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"harmonies":{"complementary":"#0D78F2","analogous":["#F2140D","#EBF20D"],"triadic":["#0DF287","#870DF2"],"tetradic":["#0DF214","#0D78F2","#F20DEB"],"splitComplementary":["#0DEBF2","#140DF2"],"monochromatic":["#F7B264","#F2870D","#9B5608"]},"variants":{"light":"#F7B264","dark":"#9B5608","saturated":"#FF8800","desaturated":"#D68529","pastel":"#EFC28F","neon":"#FF9B29"},"family":"orange","temperature":"warm","tone":["vibrant"],"nearestColors":[{"slug":"tangerine","name":"Tangerine","hex":"#F28500","distance":13.152946437965905},{"slug":"dark-orange","name":"Dark Orange","hex":"#FF8C00","distance":19.05255888325765},{"slug":"construction-orange","name":"Construction Orange","hex":"#FF7F00","distance":20.049937655763422},{"slug":"safety-orange","name":"Safety Orange","hex":"#FF7900","distance":23.108440016582687},{"slug":"pumpkin","name":"Pumpkin","hex":"#FF7518","distance":24.779023386727733}],"semanticGroups":["warm orange","vibrant","vibrant orange","Tangerine adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","high-energy accents"],"contrastSafeWith":["#000000","#1A1A1A"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/f2870d.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/tangerine.json","https://www.colorsencyclopedia.com/api/colors/dark-orange.json","https://www.colorsencyclopedia.com/api/colors/construction-orange.json"],"safePairings":[{"name":"Black text","hex":"#000000","contrast":8.25,"wcagAA":true,"wcagAAA":true},{"name":"White text","hex":"#FFFFFF","contrast":2.55,"wcagAA":false,"wcagAAA":false}],"accessibleAlternatives":[{"name":"#EBF20D","hex":"#EBF20D","family":"yellow","bestTextColor":"#000000","contrastBlack":17.24,"contrastWhite":1.22,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"#F7B264","hex":"#F7B264","family":"orange","bestTextColor":"#000000","contrastBlack":11.51,"contrastWhite":1.82,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"Dark Orange","hex":"#FF8C00","family":"orange","bestTextColor":"#000000","contrastBlack":9,"contrastWhite":2.33,"wcagAA":["#000000","#1A1A1A"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#FF8800","hex":"#FF8800","family":"orange","bestTextColor":"#000000","contrastBlack":8.77,"contrastWhite":2.39,"wcagAA":["#000000","#1A1A1A"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"Construction Orange","hex":"#FF7F00","family":"orange","bestTextColor":"#000000","contrastBlack":8.29,"contrastWhite":2.53,"wcagAA":["#000000","#1A1A1A"],"wcagAAA":["#000000"]}],"url":"https://www.colorsencyclopedia.com/hex/f2870d/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/f2870d.json"}