Huebook

Splashing Wave Analogous Color Scheme

Five colors arranged by the analogous rule around Splashing Wave (#44DDFF), each snapped to its nearest named color.

#4CFF7B
#4EFFCD
#44DDFF
#4F81FF
#6844FC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Experimintal Green#4CFF7B76, 255, 123136°, 100%, 65%70, 0, 52, 088.3% 0.227 148
Move Mint#4EFFCD78, 255, 205163°, 100%, 65%69, 0, 20, 089.9% 0.159 170
Splashing Wave#44DDFF68, 221, 255191°, 100%, 63%73, 13, 0, 083.3% 0.132 216
Flickery C64#4F81FF79, 129, 255223°, 100%, 65%69, 49, 0, 063.5% 0.195 265
Pink OCD#6844FC104, 68, 252252°, 97%, 63%59, 73, 0, 154.8% 0.254 283

Which pairs work for text

Text on backgroundContrastWCAG
Aa #4EFFCD on #6844FC4.32:1AA large
Aa #4CFF7B on #6844FC4.16:1AA large
Aa #44DDFF on #6844FC3.41:1AA large
Aa #4EFFCD on #4F81FF2.79:1—
Aa #4CFF7B on #4F81FF2.69:1—
Aa #44DDFF on #4F81FF2.20:1—

CSS variables

:root {
  --color-1: #4cff7b; /* Experimintal Green */
  --color-2: #4effcd; /* Move Mint */
  --color-3: #44ddff; /* Splashing Wave */
  --color-4: #4f81ff; /* Flickery C64 */
  --color-5: #6844fc; /* Pink OCD */
}

Other schemes from Splashing Wave

More light teal analogous color schemes

Questions

What colors go with Splashing Wave?

In a analogous scheme: Experimintal Green (#4CFF7B), Move Mint (#4EFFCD), Flickery C64 (#4F81FF), Pink OCD (#6844FC).

What is the hex code of Splashing Wave?

#44DDFF.