Laguna Monochromatic Color Scheme

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

#154250

#277594

#36A5C9

#73C4D7

#B1D9E9

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Cold and Dark	`#154250`	21, 66, 80	194°, 58%, 20%	74, 18, 0, 69	35.5% 0.054 222
Devil Blue	`#277594`	39, 117, 148	197°, 58%, 37%	74, 21, 0, 42	52.9% 0.088 229
Laguna	`#36A5C9`	54, 165, 201	195°, 58%, 50%	73, 18, 0, 21	67.5% 0.110 224
Thredbo	`#73C4D7`	115, 196, 215	191°, 56%, 65%	47, 9, 0, 16	77.5% 0.084 215
New Prince	`#B1D9E9`	177, 217, 233	197°, 56%, 80%	24, 7, 0, 9	86.2% 0.047 224

Which pairs work for text

Text on background	Contrast	WCAG
Aa #154250 on #B1D9E9	7.25:1	AAA
Aa #154250 on #73C4D7	5.50:1	AA
Aa #154250 on #36A5C9	3.83:1	AA large
Aa #277594 on #B1D9E9	3.44:1	AA large
Aa #277594 on #73C4D7	2.61:1	—
Aa #154250 on #277594	2.11:1	—

CSS variables

:root {
  --color-1: #154250; /* Cold and Dark */
  --color-2: #277594; /* Devil Blue */
  --color-3: #36a5c9; /* Laguna */
  --color-4: #73c4d7; /* Thredbo */
  --color-5: #b1d9e9; /* New Prince */
}

Other schemes from Laguna

More medium teal monochromatic color schemes

Questions

What colors go with Laguna?

In a monochromatic scheme: Cold and Dark (#154250), Devil Blue (#277594), Thredbo (#73C4D7), New Prince (#B1D9E9).

What is the hex code of Laguna?

#36A5C9.