Benannte Farbe · #244343
Metal Deluxe
Metal Deluxe ist #244343: rgb(36 67 67), hsl(180 30% 20%), oklch(0.359 0.037 195.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Metal Deluxe color name →
#244343
oklch(0.359 0.037 195.6)
Farbumrechnungen
- HEX
- #244343
- RGB
- rgb(36 67 67)
- HSL
- hsl(180 30% 20%)
- HWB
- hwb(180 14% 74%)
- OKLCH
- oklch(0.359 0.037 195.6)
- OKLab
- oklab(0.359 -0.036 -0.01)
- CIE Lab
- lab(26.03 -12 -3.81)
- LCH
- lch(26.03 12.59 197.6)
- CMYK
- cmyk(46% 0% 0% 74%)
Tints · Shades · Tones
Tints
- 385454
- 4C6565
- 617777
- 768989
- 8C9C9C
- A2AFAF
- B8C2C2
- D0D6D6
- E7EAEA
Shades
- 1E3939
- 182F2F
- 122626
- 0C1D1D
- 071414
- 040C0C
- 020505
- 000101
- 000000
Tones
- 2D4949
- 374F4F
- 405555
- 495B5B
- 526161
- 5B6767
- 646D6D
- 6D7373
- 777A7A
Farbharmonien
Komplementär +180°
- 244343
Metal Deluxe
- 4E3536
≈ Chocolate Red
Analog -30° +30°
- 244343
Metal Deluxe
- 2A4338
≈ Mushiao Green
- 27414C
≈ Green Vogue
Triadisch +120° +240°
- 244343
Metal Deluxe
- 44374A
≈ Wineshade
- 483A27
≈ Harpy Brown
Geteilt komplementär +150° +210°
- 244343
Metal Deluxe
- 4B3541
≈ Vincotto
- 4D372D
≈ Chicory Coffee
Tetradisch +90° +180° +270°
- 244343
Metal Deluxe
- 3B3A50
≈ Carbon Blue
- 4E3536
≈ Chocolate Red
- 3F3E27
≈ Green 383
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.72:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.95:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.72:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--metal-deluxe: #244343;
--metal-deluxe-rgb: 36 67 67;
--metal-deluxe-oklch: oklch(0.359 0.037 195.6);
}
.element {
color: var(--metal-deluxe);
background-color: hsl(180 30% 20%);
border-color: oklch(0.359 0.037 195.6);
}Tailwind CSS v4
@theme {
--color-metal-deluxe: #244343;
--color-metal-deluxe-50: #eaf9f9;
--color-metal-deluxe-100: #dbecec;
--color-metal-deluxe-200: #c3d9da;
--color-metal-deluxe-300: #a2bebe;
--color-metal-deluxe-400: #86a6a5;
--color-metal-deluxe-500: #6a8e8e;
--color-metal-deluxe-600: #5a7878;
--color-metal-deluxe-700: #486060;
--color-metal-deluxe-800: #344746;
--color-metal-deluxe-900: #233130;
--color-metal-deluxe-950: #121d1d;
}SCSS
$metal-deluxe: #244343;
$metal-deluxe-rgb: 36, 67, 67;
$metal-deluxe-light: mix(#fff, $metal-deluxe, 20%);
$metal-deluxe-dark: mix(#000, $metal-deluxe, 20%);
.element {
color: $metal-deluxe;
box-shadow: 0 0 0 2px rgba($metal-deluxe, 0.35);
}