Saffron Complementary Color Scheme

Five colors arranged by the complementary rule around Saffron (#F4C430), each snapped to its nearest named color.

#F4C430

#F5DE85

#2B62F4

#0033CC

#8AADF7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Saffron	`#F4C430`	244, 196, 48	45°, 90%, 57%	0, 20, 80, 4
Plains	`#F5DE85`	245, 222, 133	48°, 85%, 74%	0, 9, 46, 4
Retro Blue	`#2B62F4`	43, 98, 244	224°, 90%, 56%	82, 60, 0, 4
Sapphire Glitter	`#0033CC`	0, 51, 204	225°, 100%, 40%	100, 75, 0, 20
Kitten’s Eye	`#8AADF7`	138, 173, 247	221°, 87%, 75%	44, 30, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F5DE85 on #0033CC	6.68:1	AA
Aa #F4C430 on #0033CC	5.45:1	AA
Aa #0033CC on #8AADF7	4.01:1	AA large
Aa #F5DE85 on #2B62F4	3.77:1	AA large
Aa #F4C430 on #2B62F4	3.08:1	AA large
Aa #2B62F4 on #8AADF7	2.26:1	—

CSS variables

:root {
  --color-1: #f4c430; /* Saffron */
  --color-2: #f5de85; /* Plains */
  --color-3: #2b62f4; /* Retro Blue */
  --color-4: #0033cc; /* Sapphire Glitter */
  --color-5: #8aadf7; /* Kitten’s Eye */
}

Other schemes from Saffron

More Medium Yellow complementary palettes

Questions

What colors go with Saffron?

In a complementary scheme: Plains (#F5DE85), Retro Blue (#2B62F4), Sapphire Glitter (#0033CC), Kitten’s Eye (#8AADF7).

What is the hex code of Saffron?

#F4C430.