Benannte Farbe · #13DA25
Green Wrasse
Green Wrasse ist #13DA25: rgb(19 218 37), hsl(125 84% 46%), oklch(0.772 0.253 143.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Wrasse color name →
#13DA25
oklch(0.772 0.253 143.2)
Farbumrechnungen
- HEX
- #13da25
- RGB
- rgb(19 218 37)
- HSL
- hsl(125 84% 46%)
- HWB
- hwb(125 7% 15%)
- OKLCH
- oklch(0.772 0.253 143.2)
- OKLab
- oklab(0.772 -0.202 0.151)
- CIE Lab
- lab(76.39 -68.9 66.89)
- LCH
- lch(76.39 96.02 135.8)
- CMYK
- cmyk(91% 0% 83% 15%)
Tints · Shades · Tones
Tints
- 48DF4A
- 66E364
- 7EE77A
- 93EB8F
- A6EFA2
- B9F3B5
- CBF6C8
- DDF9DB
- EEFCED
Shades
- 0FBD1F
- 0BA219
- 078713
- 056C0D
- 035408
- 013C04
- 012502
- 001100
- 000200
Tones
- 36D13A
- 49C849
- 56C054
- 60B75D
- 68AE65
- 6EA56C
- 749C72
- 799377
- 7D897C
Farbharmonien
Komplementär +180°
- 13DA25
Green Wrasse
- F180FF
≈ Give Me Your Love
Analog -30° +30°
- 13DA25
Green Wrasse
- B6BF00
≈ La Rioja
- 00D3AC
≈ Wild Caribbean Green
Triadisch +120° +240°
- 13DA25
Green Wrasse
- 8EB4FF
≈ Carolina Blue
- FF908C
≈ Prime Pink
Geteilt komplementär +150° +210°
- 13DA25
Green Wrasse
- B8A4FF
≈ Shy Moment
- FF88BD
≈ Cochonnet
Tetradisch +90° +180° +270°
- 13DA25
Green Wrasse
- 40C3FF
≈ Shovel Knight
- F180FF
≈ Give Me Your Love
- FF964D
≈ Pastel Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.08:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--green-wrasse: #13da25;
--green-wrasse-rgb: 19 218 37;
--green-wrasse-oklch: oklch(0.772 0.253 143.2);
}
.element {
color: var(--green-wrasse);
background-color: hsl(125 84% 46%);
border-color: oklch(0.772 0.253 143.2);
}Tailwind CSS v4
@theme {
--color-green-wrasse: #13da25;
--color-green-wrasse-50: #c8ffc9;
--color-green-wrasse-100: #b1ffb4;
--color-green-wrasse-200: #89f08f;
--color-green-wrasse-300: #4ed85e;
--color-green-wrasse-400: #00c107;
--color-green-wrasse-500: #00aa00;
--color-green-wrasse-600: #009000;
--color-green-wrasse-700: #007400;
--color-green-wrasse-800: #005500;
--color-green-wrasse-900: #003b00;
--color-green-wrasse-950: #002500;
}SCSS
$green-wrasse: #13da25;
$green-wrasse-rgb: 19, 218, 37;
$green-wrasse-light: mix(#fff, $green-wrasse, 20%);
$green-wrasse-dark: mix(#000, $green-wrasse, 20%);
.element {
color: $green-wrasse;
box-shadow: 0 0 0 2px rgba($green-wrasse, 0.35);
}