Benannte Farbe · #00BB66
Green Elliott
Green Elliott ist #00BB66: rgb(0 187 102), hsl(153 100% 37%), oklch(0.695 0.177 153.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Elliott color name →
#00BB66
oklch(0.695 0.177 153.5)
Farbumrechnungen
- HEX
- #00bb66
- RGB
- rgb(0 187 102)
- HSL
- hsl(153 100% 37%)
- HWB
- hwb(153 0% 27%)
- OKLCH
- oklch(0.695 0.177 153.5)
- OKLab
- oklab(0.695 -0.158 0.079)
- CIE Lab
- lab(66.85 -56.09 31.3)
- LCH
- lch(66.85 64.23 150.8)
- CMYK
- cmyk(100% 0% 45% 27%)
Tints · Shades · Tones
Tints
- 3FC276
- 5DC985
- 75D194
- 8BD7A3
- A0DEB2
- B4E5C1
- C7ECD1
- DAF2E0
- ECF9EF
Shades
- 00A258
- 008A4A
- 00733C
- 005C2F
- 004623
- 003217
- 001F0C
- 000D04
- 000200
Tones
- 2DB569
- 41B06D
- 4EAA70
- 59A472
- 629E75
- 699878
- 70927A
- 768C7C
- 7B867E
Farbharmonien
Komplementär +180°
- 00BB66
Green Elliott
- DB6DCA
≈ Pink Orchid
Analog -30° +30°
- 00BB66
Green Elliott
- 88AD00
≈ Gameboy Screen
- 00B5A5
≈ Glass Jar Blue
Triadisch +120° +240°
- 00BB66
Green Elliott
- 7E92FF
≈ Lavender Blue Shadow
- F66B4E
≈ Sango Red
Geteilt komplementär +150° +210°
- 00BB66
Green Elliott
- B47DF5
≈ Illicit Purple
- F26591
≈ God’s Own Junkyard Pink
Tetradisch +90° +180° +270°
- 00BB66
Green Elliott
- 00A5FD
≈ Protoss Pylon
- DB6DCA
≈ Pink Orchid
- DF8300
≈ Tangerine Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.53:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.29:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.29:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--green-elliott: #00bb66;
--green-elliott-rgb: 0 187 102;
--green-elliott-oklch: oklch(0.695 0.177 153.5);
}
.element {
color: var(--green-elliott);
background-color: hsl(153 100% 37%);
border-color: oklch(0.695 0.177 153.5);
}Tailwind CSS v4
@theme {
--color-green-elliott: #00bb66;
--color-green-elliott-50: #cdffe0;
--color-green-elliott-100: #b8facf;
--color-green-elliott-200: #93ebb4;
--color-green-elliott-300: #60d290;
--color-green-elliott-400: #25bb6b;
--color-green-elliott-500: #00a549;
--color-green-elliott-600: #008c3e;
--color-green-elliott-700: #007032;
--color-green-elliott-800: #00521f;
--color-green-elliott-900: #003915;
--color-green-elliott-950: #002406;
}SCSS
$green-elliott: #00bb66;
$green-elliott-rgb: 0, 187, 102;
$green-elliott-light: mix(#fff, $green-elliott, 20%);
$green-elliott-dark: mix(#000, $green-elliott, 20%);
.element {
color: $green-elliott;
box-shadow: 0 0 0 2px rgba($green-elliott, 0.35);
}