Benannte Farbe · #303F4C
Deepsea Core
Deepsea Core ist #303F4C: rgb(48 63 76), hsl(208 23% 24%), oklch(0.36 0.03 244.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Deepsea Core color name →
#303F4C
oklch(0.36 0.03 244.9)
Farbumrechnungen
- HEX
- #303f4c
- RGB
- rgb(48 63 76)
- HSL
- hsl(208 23% 24%)
- HWB
- hwb(208 19% 70%)
- OKLCH
- oklch(0.36 0.03 244.9)
- OKLab
- oklab(0.36 -0.013 -0.027)
- CIE Lab
- lab(25.74 -3.48 -10.02)
- LCH
- lch(25.74 10.61 250.9)
- CMYK
- cmyk(37% 17% 0% 70%)
Tints · Shades · Tones
Tints
- 42505C
- 55626D
- 68747E
- 7C868F
- 9199A1
- A6ADB3
- BCC1C6
- D2D5D9
- E8EAEC
Shades
- 283541
- 212C36
- 1A232C
- 131B22
- 0C1218
- 060A0F
- 030406
- 010102
- 000000
Tones
- 384551
- 3F4B56
- 47525B
- 4F5860
- 575F66
- 5F656B
- 676C70
- 6F7275
- 78797B
Farbharmonien
Komplementär +180°
- 303F4C
Deepsea Core
- 483A2D
≈ Taupe Brown
Analog -30° +30°
- 303F4C
Deepsea Core
- 2B4147
≈ Japanese Indigo
- 383C4D
≈ Carbon Blue
Triadisch +120° +240°
- 303F4C
Deepsea Core
- 4B373B
≈ Vibrant Vine
- 39402F
≈ Kombu Green
Geteilt komplementär +150° +210°
- 303F4C
Deepsea Core
- 4C3833
≈ Brown Beauty
- 423D2B
≈ Scorched Metal
Tetradisch +90° +180° +270°
- 303F4C
Deepsea Core
- 473743
≈ Vincotto
- 483A2D
≈ Taupe Brown
- 314236
≈ Timber Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.81:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.94:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.81:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--deepsea-core: #303f4c;
--deepsea-core-rgb: 48 63 76;
--deepsea-core-oklch: oklch(0.36 0.03 244.9);
}
.element {
color: var(--deepsea-core);
background-color: hsl(208 23% 24%);
border-color: oklch(0.36 0.03 244.9);
}Tailwind CSS v4
@theme {
--color-deepsea-core: #303f4c;
--color-deepsea-core-50: #eff6fd;
--color-deepsea-core-100: #e0e9f2;
--color-deepsea-core-200: #cad6e1;
--color-deepsea-core-300: #acb9c6;
--color-deepsea-core-400: #90a1af;
--color-deepsea-core-500: #768999;
--color-deepsea-core-600: #647481;
--color-deepsea-core-700: #505d68;
--color-deepsea-core-800: #3a444c;
--color-deepsea-core-900: #282f35;
--color-deepsea-core-950: #161b20;
}SCSS
$deepsea-core: #303f4c;
$deepsea-core-rgb: 48, 63, 76;
$deepsea-core-light: mix(#fff, $deepsea-core, 20%);
$deepsea-core-dark: mix(#000, $deepsea-core, 20%);
.element {
color: $deepsea-core;
box-shadow: 0 0 0 2px rgba($deepsea-core, 0.35);
}