Benannte Farbe · #48423C
Sealskin
Sealskin ist #48423C: rgb(72 66 60), hsl(30 9% 26%), oklch(0.383 0.013 67.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sealskin color name →
#48423C
oklch(0.383 0.013 67.4)
Farbumrechnungen
- HEX
- #48423c
- RGB
- rgb(72 66 60)
- HSL
- hsl(30 9% 26%)
- HWB
- hwb(30 24% 72%)
- OKLCH
- oklch(0.383 0.013 67.4)
- OKLab
- oklab(0.383 0.005 0.012)
- CIE Lab
- lab(28.44 1.75 4.64)
- LCH
- lch(28.44 4.96 69.3)
- CMYK
- cmyk(0% 8% 17% 72%)
Tints · Shades · Tones
Tints
- 58534D
- 69645F
- 7B7671
- 8C8884
- 9F9B98
- B1AEAB
- C4C2C0
- D7D6D4
- EBEAEA
Shades
- 3D3833
- 332F2A
- 292521
- 1F1C19
- 161411
- 0D0B0A
- 060504
- 020101
- 000000
Tones
- 4D4842
- 534E49
- 585450
- 5E5A56
- 63605D
- 696664
- 6F6D6B
- 747372
- 7A7A79
Farbharmonien
Komplementär +180°
- 48423C
Sealskin
- 3E444A
≈ Blackbird
Analog -30° +30°
- 48423C
Sealskin
- 4A413E
≈ Sweet Molasses
- 45433C
≈ Volcanic Stone Green
Triadisch +120° +240°
- 48423C
Sealskin
- 3C4644
≈ Darkness Green
- 454149
≈ Nine Iron
Geteilt komplementär +150° +210°
- 48423C
Sealskin
- 3C4548
≈ Nightshade
- 41434A
≈ Blackbird
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.90:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.12:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 9.90:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--sealskin: #48423c;
--sealskin-rgb: 72 66 60;
--sealskin-oklch: oklch(0.383 0.013 67.4);
}
.element {
color: var(--sealskin);
background-color: hsl(30 9% 26%);
border-color: oklch(0.383 0.013 67.4);
}Tailwind CSS v4
@theme {
--color-sealskin: #48423c;
--color-sealskin-50: #f8f4f1;
--color-sealskin-100: #ebe7e3;
--color-sealskin-200: #d8d3ce;
--color-sealskin-300: #bcb6b0;
--color-sealskin-400: #a49d97;
--color-sealskin-500: #8c857d;
--color-sealskin-600: #77706a;
--color-sealskin-700: #5f5a55;
--color-sealskin-800: #46423e;
--color-sealskin-900: #302d2a;
--color-sealskin-950: #1c1a18;
}SCSS
$sealskin: #48423c;
$sealskin-rgb: 72, 66, 60;
$sealskin-light: mix(#fff, $sealskin, 20%);
$sealskin-dark: mix(#000, $sealskin, 20%);
.element {
color: $sealskin;
box-shadow: 0 0 0 2px rgba($sealskin, 0.35);
}