Nazwany kolor · #004225
Angel Green
Angel Green to #004225: rgb(0 66 37), hsl(154 100% 13%), oklch(0.334 0.079 157). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Angel Green color name →
#004225
oklch(0.334 0.079 157)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 215338
- 3A654C
- 517760
- 698975
- 819C8B
- 99AFA1
- B2C3B8
- CBD6CF
- E5EBE7
Odcienie ciemniejsze
- 00381F
- 002F19
- 002513
- 001C0D
- 001408
- 000B04
- 000502
- 000100
- 000000
Tony
- 15482E
- 244E36
- 30553F
- 3C5B48
- 486151
- 53675A
- 5E6D63
- 69746D
- 757A76
Harmonie kolorów
Komplementarna +180°
- 004225
Angel Green
- 4F2445
≈ Murasaki
Analogowa -30° +30°
- 004225
Angel Green
- 2B3D07
≈ Hinterlands Green
- 00403B
≈ Rich Black
Triada +120° +240°
- 004225
Angel Green
- 2D315E
≈ Galaxea
- 582516
≈ Peaty Brown
Komplementarna rozszczepiona +150° +210°
- 004225
Angel Green
- 412A56
≈ Acai
- 57222F
≈ Carambar
Tetrada +90° +180° +270°
- 004225
Angel Green
- 0A395D
≈ Poseidon
- 4F2445
≈ Murasaki
- 4F2D00
≈ Kyoto House
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.62:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.80:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.62:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
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);
}