Colore con nome più vicino · #253834
#253834
Colore con nome più vicino: Aztec
#253834 (rgb(37 56 52), hsl(167 20% 18%), oklch(0.323 0.026 180.1)) è più vicino al colore con nome Aztec. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#253834
oklch(0.323 0.026 180.1)
Conversioni di colore
- HEX
- #253834
- RGB
- rgb(37 56 52)
- HSL
- hsl(167 20% 18%)
- HWB
- hwb(167 15% 78%)
- OKLCH
- oklch(0.323 0.026 180.1)
- OKLab
- oklab(0.323 -0.026 0)
- CIE Lab
- lab(21.78 -8.78 -0.09)
- LCH
- lch(21.78 8.78 180.6)
- CMYK
- cmyk(34% 0% 7% 78%)
Tinte · Ombre · Toni
Tinte
- 384946
- 4C5C58
- 606E6B
- 75827F
- 8B9593
- A1AAA8
- B8BEBD
- CFD3D2
- E7E9E8
Ombre
- 1F2F2C
- 192724
- 131F1C
- 0D1715
- 080F0E
- 040807
- 020403
- 000101
- 000000
Toni
- 2E3F3B
- 364642
- 3F4D4A
- 485451
- 515B59
- 5A6260
- 646968
- 6D7170
- 767878
Armonie di colore
Complementare +180°
- 253834
Aztec
- 3F2E33
≈ Chocolate Plum
Analogo -30° +30°
- 253834
Aztec
- 2A372D
≈ Aimiru Brown
- 24373B
≈ Cruel Sea
Triadico +120° +240°
- 253834
Aztec
- 35313F
≈ Parisian Night
- 3E3126
≈ Cola Bubble
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.39:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.69:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.39:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--aztec: #253834;
--aztec-rgb: 37 56 52;
--aztec-oklch: oklch(0.323 0.026 180.1);
}
.element {
color: var(--aztec);
background-color: hsl(167 20% 18%);
border-color: oklch(0.323 0.026 180.1);
}Tailwind CSS v4
@theme {
--color-aztec: #253834;
--color-aztec-50: #eef8f6;
--color-aztec-100: #dfebe8;
--color-aztec-200: #c9d8d5;
--color-aztec-300: #aabcb8;
--color-aztec-400: #8fa49f;
--color-aztec-500: #748c87;
--color-aztec-600: #637672;
--color-aztec-700: #4f5f5b;
--color-aztec-800: #394542;
--color-aztec-900: #27302e;
--color-aztec-950: #151c1b;
}SCSS
$aztec: #253834;
$aztec-rgb: 37, 56, 52;
$aztec-light: mix(#fff, $aztec, 20%);
$aztec-dark: mix(#000, $aztec, 20%);
.element {
color: $aztec;
box-shadow: 0 0 0 2px rgba($aztec, 0.35);
}