Couleur nommée · #669C7D
Dying Moss
Dying Moss correspond à #669C7D : rgb(102 156 125), hsl(146 21% 51%), oklch(0.646 0.074 158.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Dying Moss color name →
#669C7D
oklch(0.646 0.074 158.3)
Conversions de couleur
- HEX
- #669c7d
- RGB
- rgb(102 156 125)
- HSL
- hsl(146 21% 51%)
- HWB
- hwb(146 40% 39%)
- OKLCH
- oklch(0.646 0.074 158.3)
- OKLab
- oklab(0.646 -0.069 0.027)
- CIE Lab
- lab(59.92 -23.89 10.37)
- LCH
- lch(59.92 26.04 156.5)
- CMYK
- cmyk(35% 0% 20% 39%)
Teintes · Ombres · Tons
Teintes
- 75A689
- 84AF96
- 94B9A2
- A3C3AF
- B2CDBC
- C1D7C9
- D0E1D6
- E0EBE4
- EFF5F1
Ombres
- 58876C
- 4A735B
- 3C5F4B
- 2F4C3B
- 23392C
- 17281E
- 0C1811
- 040905
- 000101
Tons
- 69997D
- 6C977E
- 6F947E
- 72917E
- 758E7F
- 778B7F
- 7A897F
- 7C8680
- 7E8380
Harmonies de couleurs
Complémentaire +180°
- 669C7D
Dying Moss
- AC7D9D
≈ Antique Hot Pink
Analogue -30° +30°
- 669C7D
Dying Moss
- 819766
≈ Pea Aubergine
- 549D96
≈ Tourmaline Turquoise
Triadique +120° +240°
- 669C7D
Dying Moss
- 838ABB
≈ Iolite
- B67E6D
≈ Brick Fence
Complémentaire divisée +150° +210°
- 669C7D
Dying Moss
- 9B82B1
≈ Bougainvillaea
- B67B85
≈ Fiesta Rojo
Tétradique +90° +180° +270°
- 669C7D
Dying Moss
- 6A92B9
≈ Blue Marble
- AC7D9D
≈ Antique Hot Pink
- AC865C
≈ Bread Basket
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.17:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.61:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--dying-moss: #669c7d;
--dying-moss-rgb: 102 156 125;
--dying-moss-oklch: oklch(0.646 0.074 158.3);
}
.element {
color: var(--dying-moss);
background-color: hsl(146 21% 51%);
border-color: oklch(0.646 0.074 158.3);
}Tailwind CSS v4
@theme {
--color-dying-moss: #669c7d;
--color-dying-moss-50: #e4fcee;
--color-dying-moss-100: #d4f0e0;
--color-dying-moss-200: #badfca;
--color-dying-moss-300: #97c4ab;
--color-dying-moss-400: #79ac8e;
--color-dying-moss-500: #599574;
--color-dying-moss-600: #4c7e62;
--color-dying-moss-700: #3d654e;
--color-dying-moss-800: #2c4a38;
--color-dying-moss-900: #1e3326;
--color-dying-moss-950: #0d1f14;
}SCSS
$dying-moss: #669c7d;
$dying-moss-rgb: 102, 156, 125;
$dying-moss-light: mix(#fff, $dying-moss, 20%);
$dying-moss-dark: mix(#000, $dying-moss, 20%);
.element {
color: $dying-moss;
box-shadow: 0 0 0 2px rgba($dying-moss, 0.35);
}