{"hex":"#F2830D","rgb":[242,131,13],"hsl":[31,90,50],"cmyk":[0,46,95,5],"luminance":0.3514,"contrast":{"black":8.03,"white":2.62},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"harmonies":{"complementary":"#0D7CF2","analogous":["#F2110D","#EEF20D"],"triadic":["#0DF283","#830DF2"],"tetradic":["#0DF211","#0D7CF2","#F20DEE"],"splitComplementary":["#0DEEF2","#110DF2"],"monochromatic":["#F7B064","#F2830D","#9B5408"]},"variants":{"light":"#F7B064","dark":"#9B5408","saturated":"#FF8400","desaturated":"#D68229","pastel":"#EFC18F","neon":"#FF9729"},"family":"orange","temperature":"warm","tone":["vibrant"],"nearestColors":[{"slug":"tangerine","name":"Tangerine","hex":"#F28500","distance":13.152946437965905},{"slug":"construction-orange","name":"Construction Orange","hex":"#FF7F00","distance":18.81488772222678},{"slug":"dark-orange","name":"Dark Orange","hex":"#FF8C00","distance":20.46948949045872},{"slug":"safety-orange","name":"Safety Orange","hex":"#FF7900","distance":20.92844953645635},{"slug":"pumpkin","name":"Pumpkin","hex":"#FF7518","distance":22.045407685048602}],"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/f2830d.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/tangerine.json","https://www.colorsencyclopedia.com/api/colors/construction-orange.json","https://www.colorsencyclopedia.com/api/colors/dark-orange.json"],"safePairings":[{"name":"Black text","hex":"#000000","contrast":8.03,"wcagAA":true,"wcagAAA":true},{"name":"White text","hex":"#FFFFFF","contrast":2.62,"wcagAA":false,"wcagAAA":false}],"accessibleAlternatives":[{"name":"#EEF20D","hex":"#EEF20D","family":"yellow","bestTextColor":"#000000","contrastBlack":17.34,"contrastWhite":1.21,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"#F7B064","hex":"#F7B064","family":"orange","bestTextColor":"#000000","contrastBlack":11.35,"contrastWhite":1.85,"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":"#FF8400","hex":"#FF8400","family":"orange","bestTextColor":"#000000","contrastBlack":8.55,"contrastWhite":2.46,"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/f2830d/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/f2830d.json"}