Benannte Farbe · #6FEA3E
Miyazaki Verdant
Miyazaki Verdant ist #6FEA3E: rgb(111 234 62), hsl(103 80% 58%), oklch(0.834 0.232 138.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Miyazaki Verdant color name →
#6FEA3E
oklch(0.834 0.232 138.5)
Farbumrechnungen
- HEX
- #6fea3e
- RGB
- rgb(111 234 62)
- HSL
- hsl(103 80% 58%)
- HWB
- hwb(103 24% 8%)
- OKLCH
- oklch(0.834 0.232 138.5)
- OKLab
- oklab(0.834 -0.174 0.154)
- CIE Lab
- lab(83.34 -57.47 67.14)
- LCH
- lch(83.34 88.38 130.6)
- CMYK
- cmyk(53% 0% 74% 8%)
Tints · Shades · Tones
Tints
- 81ED5B
- 91F072
- A0F286
- AFF499
- BDF7AB
- CAF9BC
- D8FBCD
- E5FCDE
- F2FEEF
Shades
- 60CB35
- 51AE2B
- 429123
- 34751A
- 275A12
- 1A410A
- 0E2904
- 041301
- 010300
Tones
- 73DF4C
- 77D557
- 7ACA60
- 7CC067
- 7EB56D
- 7FAB72
- 80A076
- 80957A
- 808B7D
Farbharmonien
Komplementär +180°
- 6FEA3E
Miyazaki Verdant
- EDADFF
≈ Pink Sugar
Analog -30° +30°
- 6FEA3E
Miyazaki Verdant
- D4D000
≈ Chartreuse Shot
- 00EBB5
≈ Overchlorinated Pool
Triadisch +120° +240°
- 6FEA3E
Miyazaki Verdant
- A8CBFF
≈ Night Snow
- FFB1B2
≈ Fancy Flamingo
Geteilt komplementär +150° +210°
- 6FEA3E
Miyazaki Verdant
- C6C0FF
≈ Lavender Tonic
- FFABD5
≈ Spaghetti Strap Pink
Tetradisch +90° +180° +270°
- 6FEA3E
Miyazaki Verdant
- 7AD6FF
≈ Sky
- EDADFF
≈ Pink Sugar
- FFB58F
≈ Desert Sunrise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.51:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--miyazaki-verdant: #6fea3e;
--miyazaki-verdant-rgb: 111 234 62;
--miyazaki-verdant-oklch: oklch(0.834 0.232 138.5);
}
.element {
color: var(--miyazaki-verdant);
background-color: hsl(103 80% 58%);
border-color: oklch(0.834 0.232 138.5);
}Tailwind CSS v4
@theme {
--color-miyazaki-verdant: #6fea3e;
--color-miyazaki-verdant-50: #d2ffc7;
--color-miyazaki-verdant-100: #befcb2;
--color-miyazaki-verdant-200: #9ced8c;
--color-miyazaki-verdant-300: #6ed35a;
--color-miyazaki-verdant-400: #47bc00;
--color-miyazaki-verdant-500: #00a500;
--color-miyazaki-verdant-600: #008c00;
--color-miyazaki-verdant-700: #007000;
--color-miyazaki-verdant-800: #0c5200;
--color-miyazaki-verdant-900: #083900;
--color-miyazaki-verdant-950: #002300;
}SCSS
$miyazaki-verdant: #6fea3e;
$miyazaki-verdant-rgb: 111, 234, 62;
$miyazaki-verdant-light: mix(#fff, $miyazaki-verdant, 20%);
$miyazaki-verdant-dark: mix(#000, $miyazaki-verdant, 20%);
.element {
color: $miyazaki-verdant;
box-shadow: 0 0 0 2px rgba($miyazaki-verdant, 0.35);
}