Najbliższy nazwany kolor · #3B6B27
#3B6B27
Najbliższy nazwany kolor: Botanical
#3B6B27 (rgb(59 107 39), hsl(102 47% 29%), oklch(0.477 0.112 137.6)) jest najbliższy nazwanemu kolorowi Botanical. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3B6B27
oklch(0.477 0.112 137.6)
Konwersje koloru
- HEX
- #3b6b27
- RGB
- rgb(59 107 39)
- HSL
- hsl(102 47% 29%)
- HWB
- hwb(102 15% 58%)
- OKLCH
- oklch(0.477 0.112 137.6)
- OKLab
- oklab(0.477 -0.083 0.076)
- CIE Lab
- lab(40.63 -27.31 31.85)
- LCH
- lch(40.63 41.96 130.6)
- CMYK
- cmyk(45% 0% 64% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4E793D
- 608752
- 739667
- 86A57C
- 9AB391
- ADC2A6
- C1D1BC
- D6E0D2
- EAF0E8
Odcienie ciemniejsze
- 325C20
- 294E1A
- 213F14
- 19320E
- 112508
- 091804
- 040D02
- 010401
- 000000
Tony
- 436D32
- 4A703B
- 517245
- 58744E
- 5F7656
- 65785F
- 6C7A67
- 737C6F
- 797E78
Harmonie kolorów
Komplementarna +180°
- 3B6B27
Botanical
- 764686
≈ Nightly Violet
Analogowa -30° +30°
- 3B6B27
Botanical
- 636000
≈ Brussels Sprout Green
- 006E52
≈ Natural Watercourse
Triada +120° +240°
- 3B6B27
Botanical
- 315D9B
≈ Neptune Blue
- 913E45
≈ Apple-a-Day
Komplementarna rozszczepiona +150° +210°
- 3B6B27
Botanical
- 5A5198
≈ Coronation Blue
- 893F68
≈ Bonbon Red
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.32:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.31:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--botanical: #3b6b27;
--botanical-rgb: 59 107 39;
--botanical-oklch: oklch(0.477 0.112 137.6);
}
.element {
color: var(--botanical);
background-color: hsl(102 47% 29%);
border-color: oklch(0.477 0.112 137.6);
}Tailwind CSS v4
@theme {
--color-botanical: #3b6b27;
--color-botanical-50: #e5fedf;
--color-botanical-100: #d5f2ce;
--color-botanical-200: #bce1b3;
--color-botanical-300: #99c68f;
--color-botanical-400: #7eae6c;
--color-botanical-500: #60974a;
--color-botanical-600: #528040;
--color-botanical-700: #416633;
--color-botanical-800: #304b22;
--color-botanical-900: #213416;
--color-botanical-950: #101f08;
}SCSS
$botanical: #3b6b27;
$botanical-rgb: 59, 107, 39;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}