Najbliższy nazwany kolor · #00820F
#00820F
Najbliższy nazwany kolor: Hulk
#00820F (rgb(0 130 15), hsl(127 100% 25%), oklch(0.526 0.174 143.3)) jest najbliższy nazwanemu kolorowi Hulk. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00820F
oklch(0.526 0.174 143.3)
Konwersje koloru
- HEX
- #00820f
- RGB
- rgb(0 130 15)
- HSL
- hsl(127 100% 25%)
- HWB
- hwb(127 0% 49%)
- OKLCH
- oklch(0.526 0.174 143.3)
- OKLab
- oklab(0.526 -0.14 0.104)
- CIE Lab
- lab(47.02 -47.66 46.23)
- LCH
- lch(47.02 66.4 135.9)
- CMYK
- cmyk(100% 0% 88% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 318F32
- 4C9B4B
- 64A862
- 7BB478
- 91C18E
- A7CDA4
- BDDABB
- D3E6D1
- E9F3E8
Odcienie ciemniejsze
- 00700B
- 005F08
- 004E05
- 003E03
- 002F02
- 002001
- 001200
- 000600
- 000100
Tony
- 228224
- 338333
- 40833F
- 4B8349
- 558353
- 5F825D
- 688266
- 70826F
- 788177
Harmonie kolorów
Komplementarna +180°
- 00820F
Hulk
- 983EA3
≈ Medium Purple
Analogowa -30° +30°
Triada +120° +240°
- 00820F
Hulk
- 3263CE
≈ Janitor
- BA3037
≈ Scarlet Beebalm
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.00:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.19:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--hulk: #00820f;
--hulk-rgb: 0 130 15;
--hulk-oklch: oklch(0.526 0.174 143.3);
}
.element {
color: var(--hulk);
background-color: hsl(127 100% 25%);
border-color: oklch(0.526 0.174 143.3);
}Tailwind CSS v4
@theme {
--color-hulk: #00820f;
--color-hulk-50: #d7ffd7;
--color-hulk-100: #c4f8c5;
--color-hulk-200: #a4e8a6;
--color-hulk-300: #7acf7e;
--color-hulk-400: #56b854;
--color-hulk-500: #20a126;
--color-hulk-600: #208823;
--color-hulk-700: #1a6d1c;
--color-hulk-800: #16500d;
--color-hulk-900: #0e3808;
--color-hulk-950: #022200;
}SCSS
$hulk: #00820f;
$hulk-rgb: 0, 130, 15;
$hulk-light: mix(#fff, $hulk, 20%);
$hulk-dark: mix(#000, $hulk, 20%);
.element {
color: $hulk;
box-shadow: 0 0 0 2px rgba($hulk, 0.35);
}