Nazwany kolor · #4D3E3C
Crater Brown
Crater Brown to #4D3E3C: rgb(77 62 60), hsl(7 12% 27%), oklch(0.379 0.021 27). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Crater Brown color name →
#4D3E3C
oklch(0.379 0.021 27)
Konwersje koloru
- HEX
- #4d3e3c
- RGB
- rgb(77 62 60)
- HSL
- hsl(7 12% 27%)
- HWB
- hwb(7 24% 70%)
- OKLCH
- oklch(0.379 0.021 27)
- OKLab
- oklab(0.379 0.019 0.01)
- CIE Lab
- lab(27.79 6.47 3.82)
- LCH
- lch(27.79 7.51 30.6)
- CMYK
- cmyk(0% 19% 22% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D4F4D
- 6E615F
- 7F7371
- 908684
- A29998
- B4ACAB
- C6C1C0
- D9D5D4
- ECEAEA
Odcienie ciemniejsze
- 423533
- 372B2A
- 2C2321
- 221A19
- 181211
- 0F0A0A
- 070404
- 020101
- 000000
Tony
- 524442
- 574B49
- 5C514F
- 615856
- 665E5D
- 6B6564
- 706B6B
- 767272
- 7B7979
Harmonie kolorów
Komplementarna +180°
- 4D3E3C
Crater Brown
- 354648
≈ Winter Balsam
Analogowa -30° +30°
- 4D3E3C
Crater Brown
- 4C3E42
≈ Shale
- 4B3F37
≈ Brown Bear
Triada +120° +240°
- 4D3E3C
Crater Brown
- 3B453C
≈ Deep Forest
- 3D424E
≈ Intellectual
Komplementarna rozszczepiona +150° +210°
- 4D3E3C
Crater Brown
- 364642
≈ Refined Green
- 38444C
≈ Arsenic
Tetrada +90° +180° +270°
- 4D3E3C
Crater Brown
- 414437
≈ Forest Night
- 354648
≈ Winter Balsam
- 43404C
≈ Flint Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.14:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 2.06:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--crater-brown: #4d3e3c;
--crater-brown-rgb: 77 62 60;
--crater-brown-oklch: oklch(0.379 0.021 27);
}
.element {
color: var(--crater-brown);
background-color: hsl(7 12% 27%);
border-color: oklch(0.379 0.021 27);
}Tailwind CSS v4
@theme {
--color-crater-brown: #4d3e3c;
--color-crater-brown-50: #fbf3f2;
--color-crater-brown-100: #efe5e4;
--color-crater-brown-200: #ddd1cf;
--color-crater-brown-300: #c2b4b1;
--color-crater-brown-400: #ab9a98;
--color-crater-brown-500: #94817f;
--color-crater-brown-600: #7d6d6b;
--color-crater-brown-700: #645756;
--color-crater-brown-800: #4a403f;
--color-crater-brown-900: #332c2b;
--color-crater-brown-950: #1f1918;
}SCSS
$crater-brown: #4d3e3c;
$crater-brown-rgb: 77, 62, 60;
$crater-brown-light: mix(#fff, $crater-brown, 20%);
$crater-brown-dark: mix(#000, $crater-brown, 20%);
.element {
color: $crater-brown;
box-shadow: 0 0 0 2px rgba($crater-brown, 0.35);
}