Colore con nome · #244343
Metal Deluxe
Metal Deluxe è #244343: rgb(36 67 67), hsl(180 30% 20%), oklch(0.359 0.037 195.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Metal Deluxe color name →
#244343
oklch(0.359 0.037 195.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 385454
- 4C6565
- 617777
- 768989
- 8C9C9C
- A2AFAF
- B8C2C2
- D0D6D6
- E7EAEA
Ombre
- 1E3939
- 182F2F
- 122626
- 0C1D1D
- 071414
- 040C0C
- 020505
- 000101
- 000000
Toni
- 2D4949
- 374F4F
- 405555
- 495B5B
- 526161
- 5B6767
- 646D6D
- 6D7373
- 777A7A
Armonie di colore
Complementare +180°
- 244343
Metal Deluxe
- 4E3536
≈ Chocolate Red
Analogo -30° +30°
- 244343
Metal Deluxe
- 2A4338
≈ Mushiao Green
- 27414C
≈ Green Vogue
Triadico +120° +240°
- 244343
Metal Deluxe
- 44374A
≈ Wineshade
- 483A27
≈ Harpy Brown
Complementare divisa +150° +210°
- 244343
Metal Deluxe
- 4B3541
≈ Vincotto
- 4D372D
≈ Chicory Coffee
Tetradico +90° +180° +270°
- 244343
Metal Deluxe
- 3B3A50
≈ Carbon Blue
- 4E3536
≈ Chocolate Red
- 3F3E27
≈ Green 383
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.72:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.95:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.72:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
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);
}