Color con nombre más cercano · #9BB390
#9BB390
Color con nombre más cercano: Foliage
#9BB390 (rgb(155 179 144), hsl(101 19% 63%), oklch(0.739 0.056 135.9)) se parece más al color con nombre Foliage. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9BB390
oklch(0.739 0.056 135.9)
Conversiones de color
- HEX
- #9bb390
- RGB
- rgb(155 179 144)
- HSL
- hsl(101 19% 63%)
- HWB
- hwb(101 56% 30%)
- OKLCH
- oklch(0.739 0.056 135.9)
- OKLab
- oklab(0.739 -0.04 0.039)
- CIE Lab
- lab(70.39 -13.51 15.06)
- LCH
- lch(70.39 20.23 131.9)
- CMYK
- cmyk(13% 0% 20% 30%)
Tintes · Sombras · Tonos
Tintes
- A5BA9B
- AEC2A6
- B8C9B0
- C2D1BB
- CCD9C6
- D6E0D2
- E0E8DD
- EAF0E8
- F5F7F4
Sombras
- 869B7D
- 72846A
- 5E6E57
- 4B5845
- 394334
- 282F24
- 181D15
- 090C07
- 010101
Tonos
- 98AE8F
- 96A98D
- 93A38B
- 909E8A
- 8E9988
- 8B9487
- 888F85
- 858A83
- 838582
Armonías de color
Complementario +180°
- 9BB390
Foliage
- B8A0C3
≈ Berry Frappé
Análogo -30° +30°
- 9BB390
Foliage
- AFAD84
≈ New Bamboo
- 89B6A2
≈ Indian Ocean
Triádico +120° +240°
- 9BB390
Foliage
- 94ADCE
≈ Chambray Blue
- CB9D9F
≈ Remembrance
Complementario dividido +150° +210°
- 9BB390
Foliage
- A7A6CD
≈ Blossom Mauve
- C59DB2
≈ Damsel
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.24:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--foliage: #9bb390;
--foliage-rgb: 155 179 144;
--foliage-oklch: oklch(0.739 0.056 135.9);
}
.element {
color: var(--foliage);
background-color: hsl(101 19% 63%);
border-color: oklch(0.739 0.056 135.9);
}Tailwind CSS v4
@theme {
--color-foliage: #9bb390;
--color-foliage-50: #eef9ea;
--color-foliage-100: #dfeddb;
--color-foliage-200: #c9dac3;
--color-foliage-300: #aabfa3;
--color-foliage-400: #90a686;
--color-foliage-500: #768f6a;
--color-foliage-600: #64795a;
--color-foliage-700: #506148;
--color-foliage-800: #3a4733;
--color-foliage-900: #283123;
--color-foliage-950: #161d12;
}SCSS
$foliage: #9bb390;
$foliage-rgb: 155, 179, 144;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}