Benannte Farbe · #BECE61
Lustre Green
Lustre Green ist #BECE61: rgb(190 206 97), hsl(69 53% 59%), oklch(0.817 0.136 116.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Lustre Green color name →
#BECE61
oklch(0.817 0.136 116.4)
Farbumrechnungen
- HEX
- #bece61
- RGB
- rgb(190 206 97)
- HSL
- hsl(69 53% 59%)
- HWB
- hwb(69 38% 19%)
- OKLCH
- oklch(0.817 0.136 116.4)
- OKLab
- oklab(0.817 -0.06 0.121)
- CIE Lab
- lab(79.86 -17.09 51.36)
- LCH
- lch(79.86 54.13 108.4)
- CMYK
- cmyk(8% 0% 53% 19%)
Tints · Shades · Tones
Tints
- C4D373
- CAD884
- D1DD95
- D7E2A5
- DEE7B4
- E4ECC3
- EBF1D2
- F1F6E1
- F8FAF0
Shades
- A5B353
- 8C9846
- 757F39
- 5E662D
- 484E21
- 333815
- 1F230B
- 0D0F03
- 020200
Tones
- B7C667
- B1BE6B
- ABB66F
- A4AF73
- 9EA776
- 989F79
- 92977B
- 8C8F7D
- 86887F
Farbharmonien
Komplementär +180°
- BECE61
Lustre Green
- C9B5FF
≈ Violet Heaven
Analog -30° +30°
- BECE61
Lustre Green
- E9BC4F
≈ Blockchain Gold
- 85DB8E
≈ Leek
Triadisch +120° +240°
- BECE61
Lustre Green
- 7CCEFF
≈ Bubbly Barracuda
- FFA3C5
≈ Taffy Pink
Geteilt komplementär +150° +210°
- BECE61
Lustre Green
- A8C2FF
≈ Pastel Blue
- F1A3F1
≈ VIC 20 Pink
Tetradisch +90° +180° +270°
- BECE61
Lustre Green
- 22DBEE
≈ Cold Heights
- C9B5FF
≈ Violet Heaven
- FFA9A0
≈ Corally
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.19:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--lustre-green: #bece61;
--lustre-green-rgb: 190 206 97;
--lustre-green-oklch: oklch(0.817 0.136 116.4);
}
.element {
color: var(--lustre-green);
background-color: hsl(69 53% 59%);
border-color: oklch(0.817 0.136 116.4);
}Tailwind CSS v4
@theme {
--color-lustre-green: #bece61;
--color-lustre-green-50: #f1fbd0;
--color-lustre-green-100: #e3efbc;
--color-lustre-green-200: #cedd9b;
--color-lustre-green-300: #b0c16f;
--color-lustre-green-400: #9aa841;
--color-lustre-green-500: #829000;
--color-lustre-green-600: #6e7a00;
--color-lustre-green-700: #586200;
--color-lustre-green-800: #424700;
--color-lustre-green-900: #2d3100;
--color-lustre-green-950: #1a1d00;
}SCSS
$lustre-green: #bece61;
$lustre-green-rgb: 190, 206, 97;
$lustre-green-light: mix(#fff, $lustre-green, 20%);
$lustre-green-dark: mix(#000, $lustre-green, 20%);
.element {
color: $lustre-green;
box-shadow: 0 0 0 2px rgba($lustre-green, 0.35);
}