Couleur nommée la plus proche · #29674A
#29674A
Couleur nommée la plus proche: Forest Serenade
#29674A (rgb(41 103 74), hsl(152 43% 28%), oklch(0.465 0.08 160.5)) est la plus proche de la couleur nommée Forest Serenade. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#29674A
oklch(0.465 0.08 160.5)
Conversions de couleur
- HEX
- #29674a
- RGB
- rgb(41 103 74)
- HSL
- hsl(152 43% 28%)
- HWB
- hwb(152 16% 60%)
- OKLCH
- oklch(0.465 0.08 160.5)
- OKLab
- oklab(0.465 -0.076 0.027)
- CIE Lab
- lab(38.95 -26.61 10.18)
- LCH
- lch(38.95 28.49 159.1)
- CMYK
- cmyk(60% 0% 28% 60%)
Teintes · Ombres · Tons
Teintes
- 40755A
- 55846B
- 6A937C
- 7EA28E
- 93B1A0
- A8C0B2
- BECFC5
- D3DFD8
- E9EFEB
Ombres
- 22593F
- 1C4B35
- 153D2A
- 0F3020
- 092317
- 05170E
- 020C06
- 010402
- 000000
Tons
- 346A4F
- 3E6C55
- 476F5A
- 50715F
- 587465
- 60766A
- 697970
- 707B75
- 787E7A
Harmonies de couleurs
Complémentaire +180°
- 29674A
Forest Serenade
- 774767
≈ Scintillating Violet
Analogue -30° +30°
- 29674A
Forest Serenade
- 4A6230
≈ Gemstone Green
- 006764
≈ Peacock Pride
Triadique +120° +240°
- 29674A
Forest Serenade
- 515485
≈ Baby Whale
- 7F4935
≈ Tortoise Shell
Complémentaire divisée +150° +210°
- 29674A
Forest Serenade
- 674C7B
≈ Benevolence
- 7F454F
≈ Dark Strawberry
Tétradique +90° +180° +270°
- 29674A
Forest Serenade
- 355C85
≈ Pelagic
- 774767
≈ Scintillating Violet
- 765121
≈ Trojan Horse Brown
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.70:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.13:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--forest-serenade: #29674a;
--forest-serenade-rgb: 41 103 74;
--forest-serenade-oklch: oklch(0.465 0.08 160.5);
}
.element {
color: var(--forest-serenade);
background-color: hsl(152 43% 28%);
border-color: oklch(0.465 0.08 160.5);
}Tailwind CSS v4
@theme {
--color-forest-serenade: #29674a;
--color-forest-serenade-50: #e2fdee;
--color-forest-serenade-100: #d1f1e0;
--color-forest-serenade-200: #b6e0ca;
--color-forest-serenade-300: #92c5ab;
--color-forest-serenade-400: #73ad8f;
--color-forest-serenade-500: #529774;
--color-forest-serenade-600: #467f63;
--color-forest-serenade-700: #38664f;
--color-forest-serenade-800: #284b38;
--color-forest-serenade-900: #1b3426;
--color-forest-serenade-950: #0b1f15;
}SCSS
$forest-serenade: #29674a;
$forest-serenade-rgb: 41, 103, 74;
$forest-serenade-light: mix(#fff, $forest-serenade, 20%);
$forest-serenade-dark: mix(#000, $forest-serenade, 20%);
.element {
color: $forest-serenade;
box-shadow: 0 0 0 2px rgba($forest-serenade, 0.35);
}