Nazwany kolor · #007744
Succulents
Succulents to #007744: rgb(0 119 68), hsl(154 100% 23%), oklch(0.5 0.122 155.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Succulents color name →
#007744
oklch(0.5 0.122 155.7)
Konwersje koloru
- HEX
- #007744
- RGB
- rgb(0 119 68)
- HSL
- hsl(154 100% 23%)
- HWB
- hwb(154 0% 53%)
- OKLCH
- oklch(0.5 0.122 155.7)
- OKLab
- oklab(0.5 -0.111 0.05)
- CIE Lab
- lab(43.62 -39.52 19.69)
- LCH
- lch(43.62 44.15 153.5)
- CMYK
- cmyk(100% 0% 43% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2F8455
- 4A9267
- 629F79
- 79AC8B
- 8FBA9E
- A5C8B1
- BCD5C4
- D2E3D7
- E8F1EB
Odcienie ciemniejsze
- 00673A
- 005730
- 004726
- 00381D
- 002A14
- 001C0C
- 001005
- 000502
- 000100
Tony
- 21784A
- 317950
- 3E7B56
- 4A7C5C
- 547D62
- 5D7D68
- 677E6E
- 6F7F74
- 787F7A
Harmonie kolorów
Komplementarna +180°
- 007744
Succulents
- 8D457E
≈ Willowherb
Analogowa -30° +30°
- 007744
Succulents
- 526F0C
≈ Over the Hills
- 00736A
≈ Pharaoh’s Gem
Triada +120° +240°
- 007744
Succulents
- 515BA8
≈ Chinese Bellflower
- 9C452E
≈ Rock Spray
Komplementarna rozszczepiona +150° +210°
- 007744
Succulents
- 744E9A
≈ Parfait d’Amour
- 9A4159
≈ Velvet Wine
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.64:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.72:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--succulents: #007744;
--succulents-rgb: 0 119 68;
--succulents-oklch: oklch(0.5 0.122 155.7);
}
.element {
color: var(--succulents);
background-color: hsl(154 100% 23%);
border-color: oklch(0.5 0.122 155.7);
}Tailwind CSS v4
@theme {
--color-succulents: #007744;
--color-succulents-50: #d9ffe8;
--color-succulents-100: #c7f5d8;
--color-succulents-200: #a9e5c0;
--color-succulents-300: #80cb9f;
--color-succulents-400: #5cb47f;
--color-succulents-500: #2c9d62;
--color-succulents-600: #288554;
--color-succulents-700: #206b43;
--color-succulents-800: #184e2e;
--color-succulents-900: #10361f;
--color-succulents-950: #02210f;
}SCSS
$succulents: #007744;
$succulents-rgb: 0, 119, 68;
$succulents-light: mix(#fff, $succulents, 20%);
$succulents-dark: mix(#000, $succulents, 20%);
.element {
color: $succulents;
box-shadow: 0 0 0 2px rgba($succulents, 0.35);
}