Nazwany kolor · #104F4A
Stockade Green
Stockade Green to #104F4A: rgb(16 79 74), hsl(175 66% 19%), oklch(0.388 0.061 187). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Stockade Green color name →
#104F4A
oklch(0.388 0.061 187)
Konwersje koloru
- HEX
- #104f4a
- RGB
- rgb(16 79 74)
- HSL
- hsl(175 66% 19%)
- HWB
- hwb(175 6% 69%)
- OKLCH
- oklch(0.388 0.061 187)
- OKLab
- oklab(0.388 -0.061 -0.008)
- CIE Lab
- lab(29.75 -21.05 -2.97)
- LCH
- lch(29.75 21.26 188)
- CMYK
- cmyk(80% 0% 6% 69%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2C5F5A
- 44706B
- 5B807C
- 71928E
- 88A3A0
- 9FB5B2
- B6C7C5
- CED9D8
- E6ECEB
Odcienie ciemniejsze
- 0C443F
- 093835
- 062E2A
- 042320
- 021917
- 01100E
- 000706
- 000202
- 000000
Tony
- 20544F
- 2D5954
- 395E5A
- 43635F
- 4E6764
- 586C6A
- 62716F
- 6C7675
- 767B7A
Harmonie kolorów
Komplementarna +180°
- 104F4A
Stockade Green
- 60363F
≈ Red Vine
Analogowa -30° +30°
- 104F4A
Stockade Green
- 254E37
≈ Moselle Green
- 124C5A
≈ Nocturnal Expedition
Triada +120° +240°
- 104F4A
Stockade Green
- 4D3B5E
≈ Mulberry Purple
- 5A3E1E
≈ Smoked Oak Brown
Komplementarna rozszczepiona +150° +210°
- 104F4A
Stockade Green
- 5A3750
≈ Ruby Violet
- 61382C
≈ Rusted Crimson
Tetrada +90° +180° +270°
- 104F4A
Stockade Green
- 3C4165
≈ Chronicle
- 60363F
≈ Red Vine
- 4E451A
≈ Uniform Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.37:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.23:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.37:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--stockade-green: #104f4a;
--stockade-green-rgb: 16 79 74;
--stockade-green-oklch: oklch(0.388 0.061 187);
}
.element {
color: var(--stockade-green);
background-color: hsl(175 66% 19%);
border-color: oklch(0.388 0.061 187);
}Tailwind CSS v4
@theme {
--color-stockade-green: #104f4a;
--color-stockade-green-50: #e2fbf9;
--color-stockade-green-100: #d2efec;
--color-stockade-green-200: #b7ddd9;
--color-stockade-green-300: #94c2be;
--color-stockade-green-400: #74aba4;
--color-stockade-green-500: #53948d;
--color-stockade-green-600: #477d77;
--color-stockade-green-700: #38645f;
--color-stockade-green-800: #284945;
--color-stockade-green-900: #1b3330;
--color-stockade-green-950: #0b1f1c;
}SCSS
$stockade-green: #104f4a;
$stockade-green-rgb: 16, 79, 74;
$stockade-green-light: mix(#fff, $stockade-green, 20%);
$stockade-green-dark: mix(#000, $stockade-green, 20%);
.element {
color: $stockade-green;
box-shadow: 0 0 0 2px rgba($stockade-green, 0.35);
}