Benannte Farbe · #C9DC87
Medium Spring Bud
Medium Spring Bud ist #C9DC87: rgb(201 220 135), hsl(73 55% 70%), oklch(0.861 0.111 119.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Medium Spring Bud color name →
#C9DC87
oklch(0.861 0.111 119.1)
Farbumrechnungen
- HEX
- #c9dc87
- RGB
- rgb(201 220 135)
- HSL
- hsl(73 55% 70%)
- HWB
- hwb(73 53% 14%)
- OKLCH
- oklch(0.861 0.111 119.1)
- OKLab
- oklab(0.861 -0.054 0.097)
- CIE Lab
- lab(84.88 -16.43 39.49)
- LCH
- lch(84.88 42.77 112.6)
- CMYK
- cmyk(9% 0% 39% 14%)
Tints · Shades · Tones
Tints
- CEE094
- D3E3A0
- D9E7AD
- DEEAB9
- E3EEC5
- E9F1D0
- EEF5DC
- F4F8E8
- F9FCF3
Shades
- AEBF75
- 95A363
- 7C8851
- 646E41
- 4C5431
- 363C21
- 222613
- 0F1106
- 020201
Tones
- C1D387
- BAC987
- B2C087
- ABB687
- A4AD86
- 9CA485
- 959B84
- 8E9283
- 878982
Farbharmonien
Komplementär +180°
- C9DC87
Medium Spring Bud
- D8C6FF
≈ Neon Boneyard
Analog -30° +30°
- C9DC87
Medium Spring Bud
- EFCE79
≈ Yellow Bird
- 9DE6A9
≈ Hospital Green
Triadisch +120° +240°
- C9DC87
Medium Spring Bud
- A2D9FF
≈ Malmö FF
- FFBBD0
≈ Tentacle Pink
Geteilt komplementär +150° +210°
- C9DC87
Medium Spring Bud
- BFD0FF
≈ Ice Cold Stare
- FAB7F5
≈ Sweet Slumber Pink
Tetradisch +90° +180° +270°
- C9DC87
Medium Spring Bud
- 6CE5F8
≈ Robin’s Egg
- D8C6FF
≈ Neon Boneyard
- FFBFB5
≈ Ruffled Parasol
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.07:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--medium-spring-bud: #c9dc87;
--medium-spring-bud-rgb: 201 220 135;
--medium-spring-bud-oklch: oklch(0.861 0.111 119.1);
}
.element {
color: var(--medium-spring-bud);
background-color: hsl(73 55% 70%);
border-color: oklch(0.861 0.111 119.1);
}Tailwind CSS v4
@theme {
--color-medium-spring-bud: #c9dc87;
--color-medium-spring-bud-50: #f0fbd8;
--color-medium-spring-bud-100: #e2eec5;
--color-medium-spring-bud-200: #cddca7;
--color-medium-spring-bud-300: #afc180;
--color-medium-spring-bud-400: #97a859;
--color-medium-spring-bud-500: #7e9030;
--color-medium-spring-bud-600: #6b7a2a;
--color-medium-spring-bud-700: #556222;
--color-medium-spring-bud-800: #404715;
--color-medium-spring-bud-900: #2c310d;
--color-medium-spring-bud-950: #191d02;
}SCSS
$medium-spring-bud: #c9dc87;
$medium-spring-bud-rgb: 201, 220, 135;
$medium-spring-bud-light: mix(#fff, $medium-spring-bud, 20%);
$medium-spring-bud-dark: mix(#000, $medium-spring-bud, 20%);
.element {
color: $medium-spring-bud;
box-shadow: 0 0 0 2px rgba($medium-spring-bud, 0.35);
}