Colore con nome · #444B43
Ancient Pine
Ancient Pine è #444B43: rgb(68 75 67), hsl(113 6% 28%), oklch(0.404 0.016 141.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ancient Pine color name →
#444B43
oklch(0.404 0.016 141.7)
Conversioni di colore
- HEX
- #444b43
- RGB
- rgb(68 75 67)
- HSL
- hsl(113 6% 28%)
- HWB
- hwb(113 26% 71%)
- OKLCH
- oklch(0.404 0.016 141.7)
- OKLab
- oklab(0.404 -0.013 0.01)
- CIE Lab
- lab(31.04 -4.28 3.77)
- LCH
- lch(31.04 5.7 138.6)
- CMYK
- cmyk(9% 0% 11% 71%)
Tinte · Ombre · Toni
Tinte
- 555B54
- 666C65
- 777D77
- 8A8E89
- 9CA09C
- AFB3AF
- C3C5C2
- D6D8D6
- EBEBEA
Ombre
- 3A4039
- 30352F
- 262B26
- 1D211D
- 141714
- 0C0E0C
- 050605
- 020201
- 000000
Toni
- 4A5049
- 4F554F
- 555A55
- 5B605B
- 616561
- 676A67
- 6D706D
- 747573
- 7A7A7A
Armonie di colore
Complementare +180°
- 444B43
Ancient Pine
- 4D464E
≈ Extravagance
Analogo -30° +30°
- 444B43
Ancient Pine
- 494A40
≈ Sensai Brown
- 404C48
≈ Corduroy
Triadico +120° +240°
- 444B43
Ancient Pine
- 444952
≈ Sea Mariner
- 514545
≈ Black Garnet
Complementare divisa +150° +210°
- 444B43
Ancient Pine
- 494751
≈ Gun Powder
- 50454A
≈ Black Elegance
Tetradico +90° +180° +270°
- 444B43
Ancient Pine
- 404A50
≈ Foggy Night
- 4D464E
≈ Extravagance
- 504641
≈ Espresso Macchiato
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.00:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.33:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.00:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--ancient-pine: #444b43;
--ancient-pine-rgb: 68 75 67;
--ancient-pine-oklch: oklch(0.404 0.016 141.7);
}
.element {
color: var(--ancient-pine);
background-color: hsl(113 6% 28%);
border-color: oklch(0.404 0.016 141.7);
}Tailwind CSS v4
@theme {
--color-ancient-pine: #444b43;
--color-ancient-pine-50: #f2f6f2;
--color-ancient-pine-100: #e5e9e4;
--color-ancient-pine-200: #d0d6d0;
--color-ancient-pine-300: #b3bab2;
--color-ancient-pine-400: #99a198;
--color-ancient-pine-500: #80897f;
--color-ancient-pine-600: #6d746c;
--color-ancient-pine-700: #575d56;
--color-ancient-pine-800: #40443f;
--color-ancient-pine-900: #2c2f2b;
--color-ancient-pine-950: #191b18;
}SCSS
$ancient-pine: #444b43;
$ancient-pine-rgb: 68, 75, 67;
$ancient-pine-light: mix(#fff, $ancient-pine, 20%);
$ancient-pine-dark: mix(#000, $ancient-pine, 20%);
.element {
color: $ancient-pine;
box-shadow: 0 0 0 2px rgba($ancient-pine, 0.35);
}