Color con nombre más cercano · #8DA17B
#8DA17B
Color con nombre más cercano: Succulent Greenhouse
#8DA17B (rgb(141 161 123), hsl(92 17% 56%), oklch(0.683 0.059 130.4)) se parece más al color con nombre Succulent Greenhouse. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8DA17B
oklch(0.683 0.059 130.4)
Conversiones de color
- HEX
- #8da17b
- RGB
- rgb(141 161 123)
- HSL
- hsl(92 17% 56%)
- HWB
- hwb(92 48% 37%)
- OKLCH
- oklch(0.683 0.059 130.4)
- OKLab
- oklab(0.683 -0.038 0.045)
- CIE Lab
- lab(63.9 -12.6 17.41)
- LCH
- lch(63.9 21.5 125.9)
- CMYK
- cmyk(12% 0% 24% 37%)
Tintes · Sombras · Tonos
Tintes
- 98AA88
- A3B394
- AEBDA1
- B9C6AE
- C5CFBC
- D0D9C9
- DCE2D6
- E7ECE4
- F3F5F1
Sombras
- 7A8B6A
- 67765A
- 55624A
- 444E3A
- 333C2C
- 232A1E
- 141910
- 070905
- 010101
Tonos
- 8C9E7C
- 8A9A7C
- 89977D
- 88947E
- 87907E
- 858D7E
- 848A7F
- 83877F
- 818380
Armonías de color
Complementario +180°
- 8DA17B
Succulent Greenhouse
- A58FB5
≈ Wizard’s Brew
Análogo -30° +30°
- 8DA17B
Succulent Greenhouse
- A19B71
≈ Westcar Papyrus
- 79A58D
≈ Free Green
Triádico +120° +240°
- 8DA17B
Succulent Greenhouse
- 7E9CBD
≈ Washed Denim
- BA8B91
≈ Rosenkavalier
Complementario dividido +150° +210°
- 8DA17B
Succulent Greenhouse
- 9296BD
≈ Lively Lilac
- B38BA4
≈ Lover’s Tryst
Tetrádico +90° +180° +270°
- 8DA17B
Succulent Greenhouse
- 70A2B3
≈ Saga Blue
- A58FB5
≈ Wizard’s Brew
- BA8E7E
≈ Rosetta
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--succulent-greenhouse: #8da17b;
--succulent-greenhouse-rgb: 141 161 123;
--succulent-greenhouse-oklch: oklch(0.683 0.059 130.4);
}
.element {
color: var(--succulent-greenhouse);
background-color: hsl(92 17% 56%);
border-color: oklch(0.683 0.059 130.4);
}Tailwind CSS v4
@theme {
--color-succulent-greenhouse: #8da17b;
--color-succulent-greenhouse-50: #eff9e8;
--color-succulent-greenhouse-100: #e1ecd9;
--color-succulent-greenhouse-200: #cbdac1;
--color-succulent-greenhouse-300: #acbea0;
--color-succulent-greenhouse-400: #93a682;
--color-succulent-greenhouse-500: #798e65;
--color-succulent-greenhouse-600: #677856;
--color-succulent-greenhouse-700: #526045;
--color-succulent-greenhouse-800: #3c4631;
--color-succulent-greenhouse-900: #293121;
--color-succulent-greenhouse-950: #171d10;
}SCSS
$succulent-greenhouse: #8da17b;
$succulent-greenhouse-rgb: 141, 161, 123;
$succulent-greenhouse-light: mix(#fff, $succulent-greenhouse, 20%);
$succulent-greenhouse-dark: mix(#000, $succulent-greenhouse, 20%);
.element {
color: $succulent-greenhouse;
box-shadow: 0 0 0 2px rgba($succulent-greenhouse, 0.35);
}