Colore con nome più vicino · #453024
#453024
Colore con nome più vicino: English Walnut
#453024 (rgb(69 48 36), hsl(22 31% 21%), oklch(0.33 0.037 50.8)) è più vicino al colore con nome English Walnut. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#453024
oklch(0.33 0.037 50.8)
Conversioni di colore
- HEX
- #453024
- RGB
- rgb(69 48 36)
- HSL
- hsl(22 31% 21%)
- HWB
- hwb(22 14% 73%)
- OKLCH
- oklch(0.33 0.037 50.8)
- OKLab
- oklab(0.33 0.023 0.029)
- CIE Lab
- lab(22.12 8.55 11.67)
- LCH
- lch(22.12 14.47 53.8)
- CMYK
- cmyk(0% 30% 48% 73%)
Tinte · Ombre · Toni
Tinte
- 564237
- 67554A
- 79685F
- 8B7C74
- 9E918A
- B0A6A0
- C4BCB7
- D7D2CF
- EBE8E7
Ombre
- 3B281E
- 312118
- 271A12
- 1E130C
- 150C07
- 0C0604
- 050302
- 020100
- 000000
Toni
- 4B382D
- 513F35
- 57473E
- 5C4F47
- 625750
- 685F5A
- 6E6763
- 746F6D
- 7A7876
Armonie di colore
Complementare +180°
- 453024
English Walnut
- 213945
≈ Astral Nomad
Analogo -30° +30°
- 453024
English Walnut
- 472E2D
≈ Dark Roast
- 3F341F
≈ Lebanon Cedar
Triadico +120° +240°
- 453024
English Walnut
- 213C33
≈ Palm Green
- 353247
≈ Oil Rush
Complementare divisa +150° +210°
- 453024
English Walnut
- 1C3B3D
≈ Nordic
- 2B3649
≈ German Liquorice
Tetradico +90° +180° +270°
- 453024
English Walnut
- 2B3A28
≈ Palm Green
- 213945
≈ Astral Nomad
- 3E2F41
≈ Disappearing Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.34:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.70:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.34:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--english-walnut: #453024;
--english-walnut-rgb: 69 48 36;
--english-walnut-oklch: oklch(0.33 0.037 50.8);
}
.element {
color: var(--english-walnut);
background-color: hsl(22 31% 21%);
border-color: oklch(0.33 0.037 50.8);
}Tailwind CSS v4
@theme {
--color-english-walnut: #453024;
--color-english-walnut-50: #fef3ec;
--color-english-walnut-100: #f2e5dd;
--color-english-walnut-200: #e2d0c6;
--color-english-walnut-300: #c7b3a6;
--color-english-walnut-400: #b1998b;
--color-english-walnut-500: #9b8070;
--color-english-walnut-600: #836c5f;
--color-english-walnut-700: #69564c;
--color-english-walnut-800: #4d3f37;
--color-english-walnut-900: #362b26;
--color-english-walnut-950: #211914;
}SCSS
$english-walnut: #453024;
$english-walnut-rgb: 69, 48, 36;
$english-walnut-light: mix(#fff, $english-walnut, 20%);
$english-walnut-dark: mix(#000, $english-walnut, 20%);
.element {
color: $english-walnut;
box-shadow: 0 0 0 2px rgba($english-walnut, 0.35);
}