Bluetiful Monochromatic Color Scheme

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

#0A2F7C

#1651BD

#3C69E7

#8F99FB

#C9D1EF

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Below the Surface	`#0A2F7C`	10, 47, 124	221°, 85%, 26%	92, 62, 0, 51	33.6% 0.137 262
Mourning Blue	`#1651BD`	22, 81, 189	219°, 79%, 41%	88, 57, 0, 26	46.8% 0.180 261
Bluetiful	`#3C69E7`	60, 105, 231	224°, 78%, 57%	74, 55, 0, 9	56.2% 0.198 266
Periwinkle Blue	`#8F99FB`	143, 153, 251	234°, 93%, 77%	43, 39, 0, 2	71.6% 0.142 278
Frozen Periwinkle	`#C9D1EF`	201, 209, 239	227°, 54%, 86%	16, 13, 0, 6	86.4% 0.042 274

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0A2F7C on #C9D1EF	8.10:1	AAA
Aa #0A2F7C on #8F99FB	4.75:1	AA
Aa #1651BD on #C9D1EF	4.70:1	AA
Aa #3C69E7 on #C9D1EF	3.17:1	AA large
Aa #1651BD on #8F99FB	2.76:1	—
Aa #0A2F7C on #3C69E7	2.55:1	—

CSS variables

:root {
  --color-1: #0a2f7c; /* Below the Surface */
  --color-2: #1651bd; /* Mourning Blue */
  --color-3: #3c69e7; /* Bluetiful */
  --color-4: #8f99fb; /* Periwinkle Blue */
  --color-5: #c9d1ef; /* Frozen Periwinkle */
}

Other schemes from Bluetiful

More medium blue monochromatic color schemes

Questions

What colors go with Bluetiful?

In a monochromatic scheme: Below the Surface (#0A2F7C), Mourning Blue (#1651BD), Periwinkle Blue (#8F99FB), Frozen Periwinkle (#C9D1EF).

What is the hex code of Bluetiful?

#3C69E7.