Jaffa Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Jaffa (#E27945), each snapped to its nearest named color.

#773311

#BB5511

#E27945

#EDAA86

#F6D9C9

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Beer Glazed Bacon	`#773311`	119, 51, 17	20°, 75%, 27%	0, 57, 86, 53	40.9% 0.105 44
Bloodhound	`#BB5511`	187, 85, 17	24°, 83%, 40%	0, 55, 91, 27	56.9% 0.150 47
Jaffa	`#E27945`	226, 121, 69	20°, 73%, 58%	0, 46, 69, 11	68.5% 0.146 46
Coral Dust	`#EDAA86`	237, 170, 134	21°, 74%, 73%	0, 28, 43, 7	79.3% 0.093 49
Peach Sachet	`#F6D9C9`	246, 217, 201	21°, 71%, 88%	0, 12, 18, 4	90.5% 0.039 51

Which pairs work for text

Text on background	Contrast	WCAG
Aa #773311 on #F6D9C9	6.92:1	AA
Aa #773311 on #EDAA86	4.72:1	AA
Aa #BB5511 on #F6D9C9	3.55:1	AA large
Aa #773311 on #E27945	3.11:1	AA large
Aa #BB5511 on #EDAA86	2.42:1	—
Aa #E27945 on #F6D9C9	2.22:1	—

CSS variables

:root {
  --color-1: #773311; /* Beer Glazed Bacon */
  --color-2: #bb5511; /* Bloodhound */
  --color-3: #e27945; /* Jaffa */
  --color-4: #edaa86; /* Coral Dust */
  --color-5: #f6d9c9; /* Peach Sachet */
}

Other schemes from Jaffa

More medium orange monochromatic color schemes

Questions

What colors go with Jaffa?

In a monochromatic scheme: Beer Glazed Bacon (#773311), Bloodhound (#BB5511), Coral Dust (#EDAA86), Peach Sachet (#F6D9C9).

What is the hex code of Jaffa?

#E27945.