Benannte Farbe · #004225
Angel Green
Angel Green ist #004225: rgb(0 66 37), hsl(154 100% 13%), oklch(0.334 0.079 157). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Angel Green color name →
#004225
oklch(0.334 0.079 157)
Farbumrechnungen
- HEX
- #004225
- RGB
- rgb(0 66 37)
- HSL
- hsl(154 100% 13%)
- HWB
- hwb(154 0% 74%)
- OKLCH
- oklch(0.334 0.079 157)
- OKLab
- oklab(0.334 -0.073 0.031)
- CIE Lab
- lab(23.73 -26.02 12.1)
- LCH
- lch(23.73 28.7 155.1)
- CMYK
- cmyk(100% 0% 44% 74%)
Tints · Shades · Tones
Tints
- 215338
- 3A654C
- 517760
- 698975
- 819C8B
- 99AFA1
- B2C3B8
- CBD6CF
- E5EBE7
Shades
- 00381F
- 002F19
- 002513
- 001C0D
- 001408
- 000B04
- 000502
- 000100
- 000000
Tones
- 15482E
- 244E36
- 30553F
- 3C5B48
- 486151
- 53675A
- 5E6D63
- 69746D
- 757A76
Farbharmonien
Komplementär +180°
- 004225
Angel Green
- 4F2445
≈ Murasaki
Analog -30° +30°
- 004225
Angel Green
- 2B3D07
≈ Hinterlands Green
- 00403B
≈ Rich Black
Triadisch +120° +240°
- 004225
Angel Green
- 2D315E
≈ Galaxea
- 582516
≈ Peaty Brown
Geteilt komplementär +150° +210°
- 004225
Angel Green
- 412A56
≈ Acai
- 57222F
≈ Carambar
Tetradisch +90° +180° +270°
- 004225
Angel Green
- 0A395D
≈ Poseidon
- 4F2445
≈ Murasaki
- 4F2D00
≈ Kyoto House
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.62:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.80:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.62:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--angel-green: #004225;
--angel-green-rgb: 0 66 37;
--angel-green-oklch: oklch(0.334 0.079 157);
}
.element {
color: var(--angel-green);
background-color: hsl(154 100% 13%);
border-color: oklch(0.334 0.079 157);
}Tailwind CSS v4
@theme {
--color-angel-green: #004225;
--color-angel-green-50: #e3fded;
--color-angel-green-100: #d3f1de;
--color-angel-green-200: #b8dfc8;
--color-angel-green-300: #95c4a9;
--color-angel-green-400: #77ad8c;
--color-angel-green-500: #569671;
--color-angel-green-600: #4a7f60;
--color-angel-green-700: #3b664c;
--color-angel-green-800: #2b4b36;
--color-angel-green-900: #1d3425;
--color-angel-green-950: #0d1f14;
}SCSS
$angel-green: #004225;
$angel-green-rgb: 0, 66, 37;
$angel-green-light: mix(#fff, $angel-green, 20%);
$angel-green-dark: mix(#000, $angel-green, 20%);
.element {
color: $angel-green;
box-shadow: 0 0 0 2px rgba($angel-green, 0.35);
}