Nächste benannte Farbe · #00B900
#00B900
Nächste benannte Farbe: Green Glimmer
#00B900 (rgb(0 185 0), hsl(120 100% 36%), oklch(0.681 0.232 142.5)) liegt am nächsten an der benannten Farbe Green Glimmer. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00B900
oklch(0.681 0.232 142.5)
Farbumrechnungen
- HEX
- #00b900
- RGB
- rgb(0 185 0)
- HSL
- hsl(120 100% 36%)
- HWB
- hwb(120 0% 27%)
- OKLCH
- oklch(0.681 0.232 142.5)
- OKLab
- oklab(0.681 -0.184 0.141)
- CIE Lab
- lab(65.58 -62.29 63.64)
- LCH
- lch(65.58 89.05 134.4)
- CMYK
- cmyk(100% 0% 100% 27%)
Tints · Shades · Tones
Tints
- 3DC138
- 5BC855
- 73D06D
- 89D783
- 9EDE98
- B2E5AD
- C6ECC2
- D9F2D6
- ECF9EB
Shades
- 00A000
- 008900
- 007100
- 005B00
- 004600
- 003100
- 001E00
- 000D00
- 000200
Tones
- 2CB428
- 3FAE3A
- 4CA947
- 57A452
- 609E5B
- 689864
- 6F926C
- 758C73
- 7B867A
Farbharmonien
Komplementär +180°
- 00B900
Green Glimmer
- D859EA
≈ Clematis Magenta
Analog -30° +30°
- 00B900
Green Glimmer
- 9BA100
≈ Forest Lichen
- 00B290
≈ Victorian Greenhouse
Triadisch +120° +240°
- 00B900
Green Glimmer
- 5E94FF
≈ Blue Chaos
- FF535A
≈ Fluorescent Red
Geteilt komplementär +150° +210°
- 00B900
Green Glimmer
- 9E7DFF
≈ Forgotten Purple
- FB45A6
≈ Fioletowy Purple
Tetradisch +90° +180° +270°
- 00B900
Green Glimmer
- 00A6E0
≈ Vanadyl Blue
- D859EA
≈ Clematis Magenta
- E87300
≈ Thai Mango
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.93:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.93:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--green-glimmer: #00b900;
--green-glimmer-rgb: 0 185 0;
--green-glimmer-oklch: oklch(0.681 0.232 142.5);
}
.element {
color: var(--green-glimmer);
background-color: hsl(120 100% 36%);
border-color: oklch(0.681 0.232 142.5);
}Tailwind CSS v4
@theme {
--color-green-glimmer: #00b900;
--color-green-glimmer-50: #cdffcc;
--color-green-glimmer-100: #b8fdb7;
--color-green-glimmer-200: #92ee94;
--color-green-glimmer-300: #5fd565;
--color-green-glimmer-400: #2bbe27;
--color-green-glimmer-500: #00a800;
--color-green-glimmer-600: #008e00;
--color-green-glimmer-700: #007200;
--color-green-glimmer-800: #005300;
--color-green-glimmer-900: #003a00;
--color-green-glimmer-950: #002400;
}SCSS
$green-glimmer: #00b900;
$green-glimmer-rgb: 0, 185, 0;
$green-glimmer-light: mix(#fff, $green-glimmer, 20%);
$green-glimmer-dark: mix(#000, $green-glimmer, 20%);
.element {
color: $green-glimmer;
box-shadow: 0 0 0 2px rgba($green-glimmer, 0.35);
}