Najbliższy nazwany kolor · #152900
#152900
Najbliższy nazwany kolor: Lindworm Green
#152900 (rgb(21 41 0), hsl(89 100% 8%), oklch(0.254 0.07 132)) jest najbliższy nazwanemu kolorowi Lindworm Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#152900
oklch(0.254 0.07 132)
Konwersje koloru
- HEX
- #152900
- RGB
- rgb(21 41 0)
- HSL
- hsl(89 100% 8%)
- HWB
- hwb(89 0% 84%)
- OKLCH
- oklch(0.254 0.07 132)
- OKLab
- oklab(0.254 -0.047 0.052)
- CIE Lab
- lab(14.15 -14.72 20.14)
- LCH
- lch(14.15 24.95 126.2)
- CMYK
- cmyk(49% 0% 100% 84%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 293C17
- 3D4F2F
- 536346
- 69785E
- 808D77
- 98A391
- B1B9AB
- CBD0C7
- E4E7E3
Odcienie ciemniejsze
- 112200
- 0C1C00
- 081500
- 050F00
- 030900
- 020500
- 010200
- 000100
- 000000
Tony
- 1F310D
- 293A1A
- 334226
- 3D4B33
- 48533F
- 535C4C
- 5E6559
- 696E65
- 747773
Harmonie kolorów
Komplementarna +180°
- 152900
Lindworm Green
- 2E173B
≈ Blackcurrant
Analogowa -30° +30°
- 152900
Lindworm Green
- 282300
≈ Liquorice Root
- 002B1A
≈ Nori Green
Triada +120° +240°
- 152900
Lindworm Green
- 032343
≈ Rhapsody in Blue
- 3E1119
≈ Dark Sienna
Komplementarna rozszczepiona +150° +210°
- 152900
Lindworm Green
- 1E1D43
≈ Konkikyō Blue
- 38122C
≈ Nightly Voyager
Tetrada +90° +180° +270°
- 152900
Lindworm Green
- 002733
≈ Daintree
- 2E173B
≈ Blackcurrant
- 3D1403
≈ American Bronze
Kontrast i dostępność
Ag
AAANa bieli
WCAG 15.56:1 · APCA Lc 102
Ag
FailNa czerni
WCAG 1.34:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 15.56:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--lindworm-green: #152900;
--lindworm-green-rgb: 21 41 0;
--lindworm-green-oklch: oklch(0.254 0.07 132);
}
.element {
color: var(--lindworm-green);
background-color: hsl(89 100% 8%);
border-color: oklch(0.254 0.07 132);
}Tailwind CSS v4
@theme {
--color-lindworm-green: #152900;
--color-lindworm-green-50: #edfae6;
--color-lindworm-green-100: #deedd6;
--color-lindworm-green-200: #c8dbbd;
--color-lindworm-green-300: #a9c09b;
--color-lindworm-green-400: #8fa87c;
--color-lindworm-green-500: #75905f;
--color-lindworm-green-600: #637a51;
--color-lindworm-green-700: #4f6240;
--color-lindworm-green-800: #3a472d;
--color-lindworm-green-900: #28311e;
--color-lindworm-green-950: #161d0e;
}SCSS
$lindworm-green: #152900;
$lindworm-green-rgb: 21, 41, 0;
$lindworm-green-light: mix(#fff, $lindworm-green, 20%);
$lindworm-green-dark: mix(#000, $lindworm-green, 20%);
.element {
color: $lindworm-green;
box-shadow: 0 0 0 2px rgba($lindworm-green, 0.35);
}