Color con nombre · #627B44
Noble Eric
Noble Eric es #627B44: rgb(98 123 68), hsl(87 29% 37%), oklch(0.549 0.085 128.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Noble Eric color name →
#627B44
oklch(0.549 0.085 128.8)
Conversiones de color
- HEX
- #627b44
- RGB
- rgb(98 123 68)
- HSL
- hsl(87 29% 37%)
- HWB
- hwb(87 27% 52%)
- OKLCH
- oklch(0.549 0.085 128.8)
- OKLab
- oklab(0.549 -0.053 0.066)
- CIE Lab
- lab(48.6 -17.01 26.88)
- LCH
- lch(48.6 31.81 122.3)
- CMYK
- cmyk(20% 0% 45% 52%)
Tintes · Sombras · Tonos
Tintes
- 718856
- 7F9468
- 8EA17A
- 9EAE8C
- ADBB9F
- BDC9B2
- CDD6C5
- DEE4D8
- EEF1EB
Sombras
- 546A3A
- 475A30
- 3A4A26
- 2D3A1D
- 212C14
- 161E0C
- 0B1005
- 030502
- 000100
Tonos
- 657C4B
- 687C51
- 6B7D57
- 6E7D5D
- 717E63
- 747E69
- 777F6F
- 7A7F75
- 7D807A
Armonías de color
Complementario +180°
- 627B44
Noble Eric
- 806397
≈ Clematis
Análogo -30° +30°
- 627B44
Noble Eric
- 7E7233
≈ Spanish Bistre
- 41805F
≈ Leisure Green
Triádico +120° +240°
- 627B44
Noble Eric
- 4875A1
≈ Dull Blue
- 9C5C67
≈ Ruby Crystal
Complementario dividido +150° +210°
- 627B44
Noble Eric
- 666CA2
≈ Dusted Peri
- 925D82
≈ Antique Fuchsia
Tetrádico +90° +180° +270°
- 627B44
Noble Eric
- 297D93
≈ Valley of Glaciers
- 806397
≈ Clematis
- 9C5F4C
≈ Copper Brown
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.73:1 · APCA Lc 73
Ag
FailSobre negro
WCAG 4.43:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--noble-eric: #627b44;
--noble-eric-rgb: 98 123 68;
--noble-eric-oklch: oklch(0.549 0.085 128.8);
}
.element {
color: var(--noble-eric);
background-color: hsl(87 29% 37%);
border-color: oklch(0.549 0.085 128.8);
}Tailwind CSS v4
@theme {
--color-noble-eric: #627b44;
--color-noble-eric-50: #edfbe2;
--color-noble-eric-100: #deeed1;
--color-noble-eric-200: #c8dcb7;
--color-noble-eric-300: #a8c193;
--color-noble-eric-400: #8fa973;
--color-noble-eric-500: #759153;
--color-noble-eric-600: #637b47;
--color-noble-eric-700: #4f6238;
--color-noble-eric-800: #3a4827;
--color-noble-eric-900: #28321a;
--color-noble-eric-950: #161e0a;
}SCSS
$noble-eric: #627b44;
$noble-eric-rgb: 98, 123, 68;
$noble-eric-light: mix(#fff, $noble-eric, 20%);
$noble-eric-dark: mix(#000, $noble-eric, 20%);
.element {
color: $noble-eric;
box-shadow: 0 0 0 2px rgba($noble-eric, 0.35);
}