Colore con nome più vicino · #223F1D
#223F1D
Colore con nome più vicino: Myrtle
#223F1D (rgb(34 63 29), hsl(111 37% 18%), oklch(0.335 0.067 140.8)) è più vicino al colore con nome Myrtle. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#223F1D
oklch(0.335 0.067 140.8)
Conversioni di colore
- HEX
- #223f1d
- RGB
- rgb(34 63 29)
- HSL
- hsl(111 37% 18%)
- HWB
- hwb(111 11% 75%)
- OKLCH
- oklch(0.335 0.067 140.8)
- OKLab
- oklab(0.335 -0.052 0.042)
- CIE Lab
- lab(23.65 -17.45 17.19)
- LCH
- lch(23.65 24.5 135.4)
- CMYK
- cmyk(46% 0% 54% 75%)
Tinte · Ombre · Toni
Tinte
- 365031
- 4A6245
- 5E745B
- 748770
- 8A9A87
- A0AD9E
- B7C1B5
- CFD6CD
- E7EAE6
Ombre
- 1C3518
- 162C13
- 11230E
- 0B1B09
- 071205
- 030A03
- 010401
- 000100
- 000000
Toni
- 2B4527
- 344C30
- 3E523A
- 475944
- 505F4D
- 596657
- 636C61
- 6D736B
- 767976
Armonie di colore
Complementare +180°
- 223F1D
Myrtle
- 462A4C
≈ Purple Pennant
Analogo -30° +30°
- 223F1D
Myrtle
- 383A08
≈ Camouflage
- 004132
≈ UP Forest Green
Triadico +120° +240°
- 223F1D
Myrtle
- 223659
≈ Boatswain
- 542727
≈ Lonestar
Complementare divisa +150° +210°
- 223F1D
Myrtle
- 373056
≈ Violet Purple
- 50273B
≈ Black Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.68:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.79:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.68:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--myrtle: #223f1d;
--myrtle-rgb: 34 63 29;
--myrtle-oklch: oklch(0.335 0.067 140.8);
}
.element {
color: var(--myrtle);
background-color: hsl(111 37% 18%);
border-color: oklch(0.335 0.067 140.8);
}Tailwind CSS v4
@theme {
--color-myrtle: #223f1d;
--color-myrtle-50: #ebfae9;
--color-myrtle-100: #dceeda;
--color-myrtle-200: #c4dcc2;
--color-myrtle-300: #a4c1a1;
--color-myrtle-400: #89a984;
--color-myrtle-500: #6e9267;
--color-myrtle-600: #5d7b58;
--color-myrtle-700: #4a6346;
--color-myrtle-800: #374832;
--color-myrtle-900: #253222;
--color-myrtle-950: #141e11;
}SCSS
$myrtle: #223f1d;
$myrtle-rgb: 34, 63, 29;
$myrtle-light: mix(#fff, $myrtle, 20%);
$myrtle-dark: mix(#000, $myrtle, 20%);
.element {
color: $myrtle;
box-shadow: 0 0 0 2px rgba($myrtle, 0.35);
}