Nazwany kolor · #393437
Deep Forest Brown
Deep Forest Brown to #393437: rgb(57 52 55), hsl(324 5% 21%), oklch(0.331 0.009 340.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Deep Forest Brown color name →
#393437
oklch(0.331 0.009 340.8)
Konwersje koloru
- HEX
- #393437
- RGB
- rgb(57 52 55)
- HSL
- hsl(324 5% 21%)
- HWB
- hwb(324 20% 78%)
- OKLCH
- oklch(0.331 0.009 340.8)
- OKLab
- oklab(0.331 0.008 -0.003)
- CIE Lab
- lab(22.32 2.78 -1.06)
- LCH
- lch(22.32 2.97 339.2)
- CMYK
- cmyk(0% 9% 4% 78%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4A4648
- 5C585B
- 6F6B6D
- 827F81
- 969395
- AAA8A9
- BFBDBE
- D4D2D3
- E9E9E9
Odcienie ciemniejsze
- 302C2E
- 282426
- 1F1C1E
- 171516
- 100E0F
- 090708
- 040303
- 010101
- 000000
Tony
- 403B3E
- 464245
- 4D4A4C
- 545153
- 5B595A
- 626062
- 6A6869
- 717071
- 787878
Harmonie kolorów
Komplementarna +180°
- 393437
Deep Forest Brown
- 323734
≈ Jet Set
Analogowa -30° +30°
- 393437
Deep Forest Brown
- 373439
≈ Deep Forest Brown
- 3A3435
≈ Deep Forest Brown
Triada +120° +240°
- 393437
Deep Forest Brown
- 373631
≈ Kilimanjaro
- 313739
≈ Japanese Sable
Komplementarna rozszczepiona +150° +210°
- 393437
Deep Forest Brown
- 343732
≈ Charcoal
- 313737
≈ Nocturnal Green
Tetrada +90° +180° +270°
- 393437
Deep Forest Brown
- 393531
≈ Kilimanjaro
- 323734
≈ Jet Set
- 32363A
≈ Inkwell
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.20:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.72:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.20:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-forest-brown: #393437;
--deep-forest-brown-rgb: 57 52 55;
--deep-forest-brown-oklch: oklch(0.331 0.009 340.8);
}
.element {
color: var(--deep-forest-brown);
background-color: hsl(324 5% 21%);
border-color: oklch(0.331 0.009 340.8);
}Tailwind CSS v4
@theme {
--color-deep-forest-brown: #393437;
--color-deep-forest-brown-50: #f7f4f6;
--color-deep-forest-brown-100: #eae7e8;
--color-deep-forest-brown-200: #d7d3d5;
--color-deep-forest-brown-300: #bbb6b8;
--color-deep-forest-brown-400: #a29ca0;
--color-deep-forest-brown-500: #8a8488;
--color-deep-forest-brown-600: #757073;
--color-deep-forest-brown-700: #5e595c;
--color-deep-forest-brown-800: #444143;
--color-deep-forest-brown-900: #2f2d2e;
--color-deep-forest-brown-950: #1c1a1b;
}SCSS
$deep-forest-brown: #393437;
$deep-forest-brown-rgb: 57, 52, 55;
$deep-forest-brown-light: mix(#fff, $deep-forest-brown, 20%);
$deep-forest-brown-dark: mix(#000, $deep-forest-brown, 20%);
.element {
color: $deep-forest-brown;
box-shadow: 0 0 0 2px rgba($deep-forest-brown, 0.35);
}