Nazwany kolor · #423D27
Scorched Metal
Scorched Metal to #423D27: rgb(66 61 39), hsl(49 26% 21%), oklch(0.359 0.036 96.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Scorched Metal color name →
#423D27
oklch(0.359 0.036 96.9)
Konwersje koloru
- HEX
- #423d27
- RGB
- rgb(66 61 39)
- HSL
- hsl(49 26% 21%)
- HWB
- hwb(49 15% 74%)
- OKLCH
- oklch(0.359 0.036 96.9)
- OKLab
- oklab(0.359 -0.004 0.036)
- CIE Lab
- lab(25.8 -0.67 14.41)
- LCH
- lch(25.8 14.43 92.7)
- CMYK
- cmyk(0% 8% 41% 74%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 534E3A
- 64604E
- 767262
- 888577
- 9B988C
- AEACA2
- C2C0B9
- D6D5D0
- EAEAE7
Odcienie ciemniejsze
- 383420
- 2F2B1A
- 252214
- 1C1A0E
- 141208
- 0B0A04
- 050402
- 010101
- 000000
Tony
- 484330
- 4E4A38
- 545041
- 5A5749
- 605E52
- 66645B
- 6D6B64
- 73726D
- 797977
Harmonie kolorów
Komplementarna +180°
- 423D27
Scorched Metal
- 383B50
≈ Carbon Blue
Analogowa -30° +30°
- 423D27
Scorched Metal
- 4A3928
≈ Harpy Brown
- 38402C
≈ Deep Seaweed
Triada +120° +240°
- 423D27
Scorched Metal
- 264249
≈ Japanese Indigo
- 493644
≈ Vincotto
Komplementarna rozszczepiona +150° +210°
- 423D27
Scorched Metal
- 2D3F4F
≈ Deepsea Core
- 42384C
≈ Call It a Night
Tetrada +90° +180° +270°
- 423D27
Scorched Metal
- 264340
≈ Metal Deluxe
- 383B50
≈ Carbon Blue
- 4D353A
≈ Jube
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.88:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.92:1 · APCA Lc 7
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.88:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--scorched-metal: #423d27;
--scorched-metal-rgb: 66 61 39;
--scorched-metal-oklch: oklch(0.359 0.036 96.9);
}
.element {
color: var(--scorched-metal);
background-color: hsl(49 26% 21%);
border-color: oklch(0.359 0.036 96.9);
}Tailwind CSS v4
@theme {
--color-scorched-metal: #423d27;
--color-scorched-metal-50: #f7f5ea;
--color-scorched-metal-100: #ebe8db;
--color-scorched-metal-200: #d8d5c4;
--color-scorched-metal-300: #bcb8a3;
--color-scorched-metal-400: #a49f87;
--color-scorched-metal-500: #8d876c;
--color-scorched-metal-600: #77725b;
--color-scorched-metal-700: #5f5b49;
--color-scorched-metal-800: #464234;
--color-scorched-metal-900: #312e24;
--color-scorched-metal-950: #1d1b13;
}SCSS
$scorched-metal: #423d27;
$scorched-metal-rgb: 66, 61, 39;
$scorched-metal-light: mix(#fff, $scorched-metal, 20%);
$scorched-metal-dark: mix(#000, $scorched-metal, 20%);
.element {
color: $scorched-metal;
box-shadow: 0 0 0 2px rgba($scorched-metal, 0.35);
}