Named color · #90CBAA
Peppermint Spray
Peppermint Spray is #90CBAA: rgb(144 203 170), hsl(146 36% 68%), oklch(0.792 0.077 159.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Peppermint Spray color name →
#90CBAA
oklch(0.792 0.077 159.5)
Color conversions
- HEX
- #90cbaa
- RGB
- rgb(144 203 170)
- HSL
- hsl(146 36% 68%)
- HWB
- hwb(146 56% 20%)
- OKLCH
- oklch(0.792 0.077 159.5)
- OKLab
- oklab(0.792 -0.072 0.027)
- CIE Lab
- lab(76.95 -24.95 10.15)
- LCH
- lch(76.95 26.93 157.9)
- CMYK
- cmyk(29% 0% 16% 20%)
Tints · Shades · Tones
Tints
- 9BD0B2
- A7D5BB
- B2DBC3
- BDE0CB
- C8E5D4
- D3EADC
- DEEFE5
- E9F5EE
- F4FAF6
Shades
- 7DB093
- 6A967D
- 577D68
- 456553
- 344D3F
- 24372D
- 15221B
- 070F0B
- 010201
Tones
- 8FC3A6
- 8EBCA2
- 8CB49D
- 8BAC99
- 89A595
- 889D91
- 86968C
- 848F88
- 828784
Color harmonies
Complementary +180°
- 90CBAA
Peppermint Spray
- DDA8CB
≈ Aristocratic Pink
Analogous -30° +30°
- 90CBAA
Peppermint Spray
- ACC691
≈ Venerable Verde
- 7FCCC6
≈ Blue Green Gem
Triadic +120° +240°
- 90CBAA
Peppermint Spray
- B1B7ED
≈ Perano
- E7AB97
≈ Ageless Beauty
Split-complementary +150° +210°
- 90CBAA
Peppermint Spray
- CAAEE1
≈ Lavender Field Dreamer
- E8A7B0
≈ Perennial Phlox
Tetradic +90° +180° +270°
- 90CBAA
Peppermint Spray
- 95C0EB
≈ Salvia Blue
- DDA8CB
≈ Aristocratic Pink
- DCB385
≈ Butterscotch Sundae
Contrast & accessibility
Ag
FailOn white
WCAG 1.85:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.30:1 · APCA Lc 68
Best text color: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--peppermint-spray: #90cbaa;
--peppermint-spray-rgb: 144 203 170;
--peppermint-spray-oklch: oklch(0.792 0.077 159.5);
}
.element {
color: var(--peppermint-spray);
background-color: hsl(146 36% 68%);
border-color: oklch(0.792 0.077 159.5);
}Tailwind CSS v4
@theme {
--color-peppermint-spray: #90cbaa;
--color-peppermint-spray-50: #e3fcee;
--color-peppermint-spray-100: #d2f0e0;
--color-peppermint-spray-200: #b8dfca;
--color-peppermint-spray-300: #95c4ab;
--color-peppermint-spray-400: #76ad8e;
--color-peppermint-spray-500: #569674;
--color-peppermint-spray-600: #497f62;
--color-peppermint-spray-700: #3a664f;
--color-peppermint-spray-800: #2a4b38;
--color-peppermint-spray-900: #1c3426;
--color-peppermint-spray-950: #0c1f15;
}SCSS
$peppermint-spray: #90cbaa;
$peppermint-spray-rgb: 144, 203, 170;
$peppermint-spray-light: mix(#fff, $peppermint-spray, 20%);
$peppermint-spray-dark: mix(#000, $peppermint-spray, 20%);
.element {
color: $peppermint-spray;
box-shadow: 0 0 0 2px rgba($peppermint-spray, 0.35);
}