Couleur nommée la plus proche · #618467
#618467
Couleur nommée la plus proche: Clouded Pine
#618467 (rgb(97 132 103), hsl(130 15% 45%), oklch(0.578 0.059 149.5)) est la plus proche de la couleur nommée Clouded Pine. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#618467
oklch(0.578 0.059 149.5)
Conversions de couleur
- HEX
- #618467
- RGB
- rgb(97 132 103)
- HSL
- hsl(130 15% 45%)
- HWB
- hwb(130 38% 48%)
- OKLCH
- oklch(0.578 0.059 149.5)
- OKLab
- oklab(0.578 -0.051 0.03)
- CIE Lab
- lab(51.86 -17.53 11.56)
- LCH
- lch(51.86 21 146.6)
- CMYK
- cmyk(27% 0% 22% 48%)
Teintes · Ombres · Tons
Teintes
- 709075
- 7F9C84
- 8EA892
- 9EB4A1
- AEC0B0
- BECCC0
- CED9CF
- DEE5DF
- EEF2EF
Ombres
- 537259
- 46604B
- 394F3D
- 2D3F30
- 212F23
- 152017
- 0B120C
- 030604
- 000100
Tons
- 64846A
- 68836C
- 6B836F
- 6E8371
- 718274
- 748276
- 778179
- 7A817B
- 7D807E
Harmonies de couleurs
Complémentaire +180°
- 618467
Clouded Pine
- 8E6D8B
≈ Dianthus Mauve
Analogue -30° +30°
- 618467
Clouded Pine
- 757F57
≈ Grape Vine
- 51867B
≈ Wintergreen Dream
Triadique +120° +240°
- 618467
Clouded Pine
- 6C799E
≈ Quantum Blue
- 9A6D65
≈ Reddened Earth
Complémentaire divisée +150° +210°
- 618467
Clouded Pine
- 7F7298
≈ Purple Haze
- 986B79
≈ Wild Geranium
Tétradique +90° +180° +270°
- 618467
Clouded Pine
- 597F9A
≈ Blue Heaven
- 8E6D8B
≈ Dianthus Mauve
- 947256
≈ Toffee Bar
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.19:1 · APCA Lc 69
Ag
AASur noir
WCAG 5.00:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--clouded-pine: #618467;
--clouded-pine-rgb: 97 132 103;
--clouded-pine-oklch: oklch(0.578 0.059 149.5);
}
.element {
color: var(--clouded-pine);
background-color: hsl(130 15% 45%);
border-color: oklch(0.578 0.059 149.5);
}Tailwind CSS v4
@theme {
--color-clouded-pine: #618467;
--color-clouded-pine-50: #e9faed;
--color-clouded-pine-100: #daeede;
--color-clouded-pine-200: #c3dcc8;
--color-clouded-pine-300: #a2c1a8;
--color-clouded-pine-400: #86a98c;
--color-clouded-pine-500: #6a9271;
--color-clouded-pine-600: #5a7b60;
--color-clouded-pine-700: #48634d;
--color-clouded-pine-800: #354837;
--color-clouded-pine-900: #243225;
--color-clouded-pine-950: #131e14;
}SCSS
$clouded-pine: #618467;
$clouded-pine-rgb: 97, 132, 103;
$clouded-pine-light: mix(#fff, $clouded-pine, 20%);
$clouded-pine-dark: mix(#000, $clouded-pine, 20%);
.element {
color: $clouded-pine;
box-shadow: 0 0 0 2px rgba($clouded-pine, 0.35);
}