Benannte Farbe · #BFD392
Spring Has Sprung
Spring Has Sprung ist #BFD392: rgb(191 211 146), hsl(78 42% 70%), oklch(0.836 0.089 122.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Spring Has Sprung color name →
#BFD392
oklch(0.836 0.089 122.2)
Farbumrechnungen
- HEX
- #bfd392
- RGB
- rgb(191 211 146)
- HSL
- hsl(78 42% 70%)
- HWB
- hwb(78 57% 17%)
- OKLCH
- oklch(0.836 0.089 122.2)
- OKLab
- oklab(0.836 -0.047 0.075)
- CIE Lab
- lab(81.86 -15.03 29.92)
- LCH
- lch(81.86 33.48 116.7)
- CMYK
- cmyk(9% 0% 31% 17%)
Tints · Shades · Tones
Tints
- C5D79D
- CBDCA8
- D2E0B3
- D8E5BE
- DEE9C9
- E5EED4
- EBF2DF
- F2F6E9
- F8FBF4
Shades
- A6B77E
- 8D9C6B
- 758258
- 5E6946
- 485135
- 333A25
- 1F2416
- 0D1008
- 020201
Tones
- B8CA91
- B2C28F
- ACBA8E
- A5B18C
- 9FA98A
- 99A188
- 929886
- 8C9084
- 868882
Farbharmonien
Komplementär +180°
- BFD392
Spring Has Sprung
- D4BCFA
≈ Pink Illusion
Analog -30° +30°
- BFD392
Spring Has Sprung
- DEC885
≈ 24 Karat
- 9DDAAD
≈ Dead 99
Triadisch +120° +240°
- BFD392
Spring Has Sprung
- 95D1FF
≈ Long Island Sound
- FBB1C4
≈ Soft Pink
Geteilt komplementär +150° +210°
- BFD392
Spring Has Sprung
- B7C7FF
≈ Light Periwinkle
- ECB4E3
≈ Pink Drink
Tetradisch +90° +180° +270°
- BFD392
Spring Has Sprung
- 80D9EB
≈ Medium Sky Blue
- D4BCFA
≈ Pink Illusion
- FEB4A5
≈ Washed-Out Crimson
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.94:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--spring-has-sprung: #bfd392;
--spring-has-sprung-rgb: 191 211 146;
--spring-has-sprung-oklch: oklch(0.836 0.089 122.2);
}
.element {
color: var(--spring-has-sprung);
background-color: hsl(78 42% 70%);
border-color: oklch(0.836 0.089 122.2);
}Tailwind CSS v4
@theme {
--color-spring-has-sprung: #bfd392;
--color-spring-has-sprung-50: #effadf;
--color-spring-has-sprung-100: #e1edcd;
--color-spring-has-sprung-200: #ccdbb2;
--color-spring-has-sprung-300: #aec08e;
--color-spring-has-sprung-400: #95a76b;
--color-spring-has-sprung-500: #7c904a;
--color-spring-has-sprung-600: #69793f;
--color-spring-has-sprung-700: #546132;
--color-spring-has-sprung-800: #3e4722;
--color-spring-has-sprung-900: #2b3117;
--color-spring-has-sprung-950: #181d08;
}SCSS
$spring-has-sprung: #bfd392;
$spring-has-sprung-rgb: 191, 211, 146;
$spring-has-sprung-light: mix(#fff, $spring-has-sprung, 20%);
$spring-has-sprung-dark: mix(#000, $spring-has-sprung, 20%);
.element {
color: $spring-has-sprung;
box-shadow: 0 0 0 2px rgba($spring-has-sprung, 0.35);
}