Dichtstbijzijnde benoemde kleur · #00B500
#00B500
Dichtstbijzijnde benoemde kleur: Green Glimmer
#00B500 (rgb(0 181 0), hsl(120 100% 35%), oklch(0.67 0.228 142.5)) komt het dichtst bij de benoemde kleur Green Glimmer. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#00B500
oklch(0.67 0.228 142.5)
Kleurconversies
- HEX
- #00b500
- RGB
- rgb(0 181 0)
- HSL
- hsl(120 100% 35%)
- HWB
- hwb(120 0% 29%)
- OKLCH
- oklch(0.67 0.228 142.5)
- OKLab
- oklab(0.67 -0.181 0.139)
- CIE Lab
- lab(64.26 -61.28 62.62)
- LCH
- lch(64.26 87.62 134.4)
- CMYK
- cmyk(100% 0% 100% 29%)
Tinten · Schaduwen · Tonen
Tinten
- 3DBD37
- 5AC554
- 72CD6C
- 88D582
- 9DDC97
- B1E3AC
- C5EBC1
- D8F2D6
- ECF8EA
Schaduwen
- 009D00
- 008600
- 006F00
- 005900
- 004400
- 003000
- 001D00
- 000C00
- 000200
Tonen
- 2BB027
- 3EAB39
- 4CA646
- 56A151
- 609C5B
- 689763
- 6F916B
- 758C73
- 7B8679
Kleurharmonieën
Complementair +180°
- 00B500
Green Glimmer
- D357E5
≈ Thick Pink
Analoog -30° +30°
- 00B500
Green Glimmer
- 979D00
≈ Papyrus
- 00AE8D
≈ Hobgoblin
Triadisch +120° +240°
- 00B500
Green Glimmer
- 5890FF
≈ Polar Glow
- FF4953
≈ Blood Burst
Gesplitst complementair +150° +210°
- 00B500
Green Glimmer
- 9B78FF
≈ Forgotten Purple
- F544A2
≈ Major Magenta
Tetradisch +90° +180° +270°
- 00B500
Green Glimmer
- 00A2DB
≈ Vanadyl Blue
- D357E5
≈ Thick Pink
- E47000
≈ Accent Orange
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.75:1 · APCA Lc 52
Ag
AAAOp zwart
WCAG 7.60:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--green-glimmer: #00b500;
--green-glimmer-rgb: 0 181 0;
--green-glimmer-oklch: oklch(0.67 0.228 142.5);
}
.element {
color: var(--green-glimmer);
background-color: hsl(120 100% 35%);
border-color: oklch(0.67 0.228 142.5);
}Tailwind CSS v4
@theme {
--color-green-glimmer: #00b500;
--color-green-glimmer-50: #cdffcd;
--color-green-glimmer-100: #b8fcb8;
--color-green-glimmer-200: #94ee95;
--color-green-glimmer-300: #61d567;
--color-green-glimmer-400: #2fbe2b;
--color-green-glimmer-500: #00a700;
--color-green-glimmer-600: #008d00;
--color-green-glimmer-700: #007100;
--color-green-glimmer-800: #005300;
--color-green-glimmer-900: #003a00;
--color-green-glimmer-950: #002400;
}SCSS
$green-glimmer: #00b500;
$green-glimmer-rgb: 0, 181, 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);
}