Nazwany kolor · #452C1F
Subterranean
Subterranean to #452C1F: rgb(69 44 31), hsl(21 38% 20%), oklch(0.32 0.043 48.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Subterranean color name →
#452C1F
oklch(0.32 0.043 48.2)
Konwersje koloru
- HEX
- #452c1f
- RGB
- rgb(69 44 31)
- HSL
- hsl(21 38% 20%)
- HWB
- hwb(21 12% 73%)
- OKLCH
- oklch(0.32 0.043 48.2)
- OKLab
- oklab(0.32 0.029 0.032)
- CIE Lab
- lab(20.88 10.62 13.37)
- LCH
- lch(20.88 17.07 51.5)
- CMYK
- cmyk(0% 36% 55% 73%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 563E32
- 685146
- 79655B
- 8B7A71
- 9E8F87
- B1A49E
- C4BAB5
- D7D1CD
- EBE8E6
Odcienie ciemniejsze
- 3B2519
- 311E14
- 27170F
- 1E110A
- 150A06
- 0C0503
- 050201
- 020100
- 000000
Tony
- 4B3428
- 513C31
- 57443B
- 5D4C44
- 63554E
- 695D57
- 6E6661
- 746E6B
- 7A7776
Harmonie kolorów
Komplementarna +180°
- 452C1F
Subterranean
- 183744
≈ Into the Night
Analogowa -30° +30°
- 452C1F
Subterranean
- 462A2A
≈ Rookwood Dark Red
- 3F3018
≈ Pullman Green
Triada +120° +240°
- 452C1F
Subterranean
- 1A3A2F
≈ Palm Green
- 322F48
≈ Plum Fuzz
Komplementarna rozszczepiona +150° +210°
- 452C1F
Subterranean
- 133A3B
≈ Nordic
- 253349
≈ Crow Black
Tetrada +90° +180° +270°
- 452C1F
Subterranean
- 283822
≈ Palm Green
- 183744
≈ Into the Night
- 3C2C41
≈ Obsidian Lava Black
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.85:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.63:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.85:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--subterranean: #452c1f;
--subterranean-rgb: 69 44 31;
--subterranean-oklch: oklch(0.32 0.043 48.2);
}
.element {
color: var(--subterranean);
background-color: hsl(21 38% 20%);
border-color: oklch(0.32 0.043 48.2);
}Tailwind CSS v4
@theme {
--color-subterranean: #452c1f;
--color-subterranean-50: #fff2ea;
--color-subterranean-100: #f5e4db;
--color-subterranean-200: #e4cfc4;
--color-subterranean-300: #cbb2a4;
--color-subterranean-400: #b59789;
--color-subterranean-500: #9f7e6d;
--color-subterranean-600: #866b5d;
--color-subterranean-700: #6c554a;
--color-subterranean-800: #4f3e36;
--color-subterranean-900: #372b25;
--color-subterranean-950: #221813;
}SCSS
$subterranean: #452c1f;
$subterranean-rgb: 69, 44, 31;
$subterranean-light: mix(#fff, $subterranean, 20%);
$subterranean-dark: mix(#000, $subterranean, 20%);
.element {
color: $subterranean;
box-shadow: 0 0 0 2px rgba($subterranean, 0.35);
}