Nächste benannte Farbe · #00612E
#00612E
Nächste benannte Farbe: Ficus Elastica
#00612E (rgb(0 97 46), hsl(148 100% 19%), oklch(0.431 0.114 151.8)) liegt am nächsten an der benannten Farbe Ficus Elastica. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00612E
oklch(0.431 0.114 151.8)
Farbumrechnungen
- HEX
- #00612e
- RGB
- rgb(0 97 46)
- HSL
- hsl(148 100% 19%)
- HWB
- hwb(148 0% 62%)
- OKLCH
- oklch(0.431 0.114 151.8)
- OKLab
- oklab(0.431 -0.101 0.054)
- CIE Lab
- lab(35.47 -35.47 21.67)
- LCH
- lch(35.47 41.56 148.6)
- CMYK
- cmyk(100% 0% 53% 62%)
Tints · Shades · Tones
Tints
- 2A7041
- 447F55
- 5B8F69
- 729E7D
- 89AE92
- A0BEA7
- B8CEBC
- CFDED2
- E7EEE8
Shades
- 005327
- 00461F
- 003918
- 002D12
- 00210B
- 001506
- 000B02
- 000301
- 000000
Tones
- 1C6437
- 2C683F
- 386B47
- 446E4F
- 4F7157
- 59745F
- 637768
- 6D7A70
- 767D78
Farbharmonien
Komplementär +180°
- 00612E
Ficus Elastica
- 73356C
≈ Ayame Iris
Analog -30° +30°
- 00612E
Ficus Elastica
- 475800
≈ Lustrian Undergrowth
- 005E53
≈ Alpine Green
Triadisch +120° +240°
- 00612E
Ficus Elastica
- 3B498E
≈ Truth
- 833325
≈ Warmth of Teamwork
Geteilt komplementär +150° +210°
- 00612E
Ficus Elastica
- 5C3E84
≈ Tillandsia Purple
- 80304B
≈ Beaujolais
Tetradisch +90° +180° +270°
- 00612E
Ficus Elastica
- 005583
≈ Grand Bleu
- 73356C
≈ Ayame Iris
- 764100
≈ Dusky Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.63:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.74:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--ficus-elastica: #00612e;
--ficus-elastica-rgb: 0 97 46;
--ficus-elastica-oklch: oklch(0.431 0.114 151.8);
}
.element {
color: var(--ficus-elastica);
background-color: hsl(148 100% 19%);
border-color: oklch(0.431 0.114 151.8);
}Tailwind CSS v4
@theme {
--color-ficus-elastica: #00612e;
--color-ficus-elastica-50: #ddffe6;
--color-ficus-elastica-100: #ccf4d7;
--color-ficus-elastica-200: #afe3be;
--color-ficus-elastica-300: #89c99d;
--color-ficus-elastica-400: #68b27c;
--color-ficus-elastica-500: #419b5f;
--color-ficus-elastica-600: #398351;
--color-ficus-elastica-700: #2d6940;
--color-ficus-elastica-800: #214d2c;
--color-ficus-elastica-900: #16361e;
--color-ficus-elastica-950: #07210e;
}SCSS
$ficus-elastica: #00612e;
$ficus-elastica-rgb: 0, 97, 46;
$ficus-elastica-light: mix(#fff, $ficus-elastica, 20%);
$ficus-elastica-dark: mix(#000, $ficus-elastica, 20%);
.element {
color: $ficus-elastica;
box-shadow: 0 0 0 2px rgba($ficus-elastica, 0.35);
}