Benannte Farbe · #9AA955
Springtide Melodies
Springtide Melodies ist #9AA955: rgb(154 169 85), hsl(71 33% 50%), oklch(0.704 0.111 117.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Springtide Melodies color name →
#9AA955
oklch(0.704 0.111 117.7)
Farbumrechnungen
- HEX
- #9aa955
- RGB
- rgb(154 169 85)
- HSL
- hsl(71 33% 50%)
- HWB
- hwb(71 33% 34%)
- OKLCH
- oklch(0.704 0.111 117.7)
- OKLab
- oklab(0.704 -0.051 0.098)
- CIE Lab
- lab(66.66 -14.98 41)
- LCH
- lch(66.66 43.66 110.1)
- CMYK
- cmyk(9% 0% 50% 34%)
Tints · Shades · Tones
Tints
- A4B267
- ADBA79
- B7C38A
- C1CB9B
- CBD4AB
- D5DDBC
- DFE5CD
- EAEEDD
- F4F6EE
Shades
- 859249
- 717C3D
- 5E6731
- 4B5326
- 393F1C
- 272C11
- 171B08
- 090A02
- 010100
Tones
- 97A55B
- 95A160
- 929D65
- 8F996A
- 8D956E
- 8A9172
- 878D76
- 85887A
- 82847D
Farbharmonien
Komplementär +180°
- 9AA955
Springtide Melodies
- A890DC
≈ Middy’s Purple
Analog -30° +30°
- 9AA955
Springtide Melodies
- BD9B46
≈ Brown Rum
- 6EB378
≈ Appleton
Triadisch +120° +240°
- 9AA955
Springtide Melodies
- 55A9DC
≈ Blue Astro
- D782A0
≈ Primrose
Geteilt komplementär +150° +210°
- 9AA955
Springtide Melodies
- 829DE5
≈ Portage
- C587C3
≈ Dragonflies
Tetradisch +90° +180° +270°
- 9AA955
Springtide Melodies
- 2EB3C3
≈ Lago Blue
- A890DC
≈ Middy’s Purple
- DC8479
≈ New York Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.56:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.18:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--springtide-melodies: #9aa955;
--springtide-melodies-rgb: 154 169 85;
--springtide-melodies-oklch: oklch(0.704 0.111 117.7);
}
.element {
color: var(--springtide-melodies);
background-color: hsl(71 33% 50%);
border-color: oklch(0.704 0.111 117.7);
}Tailwind CSS v4
@theme {
--color-springtide-melodies: #9aa955;
--color-springtide-melodies-50: #f1fad7;
--color-springtide-melodies-100: #e3eec5;
--color-springtide-melodies-200: #cedca7;
--color-springtide-melodies-300: #b0c07f;
--color-springtide-melodies-400: #99a758;
--color-springtide-melodies-500: #808f2e;
--color-springtide-melodies-600: #6d7929;
--color-springtide-melodies-700: #576121;
--color-springtide-melodies-800: #414714;
--color-springtide-melodies-900: #2d310d;
--color-springtide-melodies-950: #1a1d02;
}SCSS
$springtide-melodies: #9aa955;
$springtide-melodies-rgb: 154, 169, 85;
$springtide-melodies-light: mix(#fff, $springtide-melodies, 20%);
$springtide-melodies-dark: mix(#000, $springtide-melodies, 20%);
.element {
color: $springtide-melodies;
box-shadow: 0 0 0 2px rgba($springtide-melodies, 0.35);
}