Color con nombre más cercano · #118758
#118758
Color con nombre más cercano: Primal Green
#118758 (rgb(17 135 88), hsl(156 78% 30%), oklch(0.552 0.121 159.5)) se parece más al color con nombre Primal Green. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#118758
oklch(0.552 0.121 159.5)
Conversiones de color
- HEX
- #118758
- RGB
- rgb(17 135 88)
- HSL
- hsl(156 78% 30%)
- HWB
- hwb(156 7% 47%)
- OKLCH
- oklch(0.552 0.121 159.5)
- OKLab
- oklab(0.552 -0.114 0.043)
- CIE Lab
- lab(49.6 -40.47 16.39)
- LCH
- lch(49.6 43.66 157.9)
- CMYK
- cmyk(87% 0% 35% 47%)
Tintes · Sombras · Tonos
Tintes
- 389368
- 529F77
- 6AAB88
- 80B798
- 95C3A8
- AACFB9
- BFDBCA
- D4E7DC
- EAF3ED
Sombras
- 0D754B
- 09633F
- 065133
- 044128
- 02311D
- 012112
- 001309
- 000603
- 000100
Tonos
- 2A875C
- 398660
- 458664
- 508568
- 59846C
- 628470
- 6A8374
- 728278
- 79817C
Armonías de color
Complementario +180°
- 118758
Primal Green
- 9F5389
≈ Purple Zergling
Análogo -30° +30°
- 118758
Primal Green
- 5B7F2A
≈ Straken Green
- 00847E
≈ Egyptian Green
Triádico +120° +240°
- 118758
Primal Green
- 6468B7
≈ Bluish Purple Anemone
- AC5638
≈ Flat Earth
Complementario dividido +150° +210°
- 118758
Primal Green
- 875CA7
≈ Chive Blossom
- AC5062
≈ Rose Vale
Tetrádico +90° +180° +270°
- 118758
Primal Green
- 3076B6
≈ North Atlantic Breeze
- 9F5389
≈ Purple Zergling
- 9E6300
≈ Raw Sienna
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.53:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.63:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--primal-green: #118758;
--primal-green-rgb: 17 135 88;
--primal-green-oklch: oklch(0.552 0.121 159.5);
}
.element {
color: var(--primal-green);
background-color: hsl(156 78% 30%);
border-color: oklch(0.552 0.121 159.5);
}Tailwind CSS v4
@theme {
--color-primal-green: #118758;
--color-primal-green-50: #d8ffea;
--color-primal-green-100: #c5f5db;
--color-primal-green-200: #a6e5c4;
--color-primal-green-300: #7ccba4;
--color-primal-green-400: #55b485;
--color-primal-green-500: #1d9e69;
--color-primal-green-600: #1e8659;
--color-primal-green-700: #186b47;
--color-primal-green-800: #124f31;
--color-primal-green-900: #0c3721;
--color-primal-green-950: #002111;
}SCSS
$primal-green: #118758;
$primal-green-rgb: 17, 135, 88;
$primal-green-light: mix(#fff, $primal-green, 20%);
$primal-green-dark: mix(#000, $primal-green, 20%);
.element {
color: $primal-green;
box-shadow: 0 0 0 2px rgba($primal-green, 0.35);
}