Color con nombre más cercano · #618467
#618467
Color con nombre más cercano: Clouded Pine
#618467 (rgb(97 132 103), hsl(130 15% 45%), oklch(0.578 0.059 149.5)) se parece más al color con nombre Clouded Pine. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#618467
oklch(0.578 0.059 149.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 709075
- 7F9C84
- 8EA892
- 9EB4A1
- AEC0B0
- BECCC0
- CED9CF
- DEE5DF
- EEF2EF
Sombras
- 537259
- 46604B
- 394F3D
- 2D3F30
- 212F23
- 152017
- 0B120C
- 030604
- 000100
Tonos
- 64846A
- 68836C
- 6B836F
- 6E8371
- 718274
- 748276
- 778179
- 7A817B
- 7D807E
Armonías de color
Complementario +180°
- 618467
Clouded Pine
- 8E6D8B
≈ Dianthus Mauve
Análogo -30° +30°
- 618467
Clouded Pine
- 757F57
≈ Grape Vine
- 51867B
≈ Wintergreen Dream
Triádico +120° +240°
- 618467
Clouded Pine
- 6C799E
≈ Quantum Blue
- 9A6D65
≈ Reddened Earth
Complementario dividido +150° +210°
- 618467
Clouded Pine
- 7F7298
≈ Purple Haze
- 986B79
≈ Wild Geranium
Tetrádico +90° +180° +270°
- 618467
Clouded Pine
- 597F9A
≈ Blue Heaven
- 8E6D8B
≈ Dianthus Mauve
- 947256
≈ Toffee Bar
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.19:1 · APCA Lc 69
Ag
AASobre negro
WCAG 5.00:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
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);
}