Color con nombre más cercano · #7FA47D
#7FA47D
Color con nombre más cercano: Verdant Haven
#7FA47D (rgb(127 164 125), hsl(117 18% 57%), oklch(0.681 0.07 143.5)) se parece más al color con nombre Verdant Haven. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#7FA47D
oklch(0.681 0.07 143.5)
Conversiones de color
- HEX
- #7fa47d
- RGB
- rgb(127 164 125)
- HSL
- hsl(117 18% 57%)
- HWB
- hwb(117 49% 36%)
- OKLCH
- oklch(0.681 0.07 143.5)
- OKLab
- oklab(0.681 -0.056 0.041)
- CIE Lab
- lab(63.82 -19.02 16.02)
- LCH
- lch(63.82 24.87 139.9)
- CMYK
- cmyk(23% 0% 24% 36%)
Tintes · Sombras · Tonos
Tintes
- 8BAD89
- 98B696
- A4BFA3
- B1C8B0
- BED1BC
- CBDACA
- D8E3D7
- E5ECE4
- F2F6F1
Sombras
- 6E8E6C
- 5D795B
- 4C644B
- 3C503B
- 2D3D2C
- 1F2B1E
- 111A11
- 060A05
- 010101
Tonos
- 7FA07D
- 809D7E
- 80997E
- 80967F
- 80927F
- 808E7F
- 808B7F
- 808780
- 808480
Armonías de color
Complementario +180°
- 7FA47D
Verdant Haven
- AE8AB1
≈ Violet Whimsy
Análogo -30° +30°
- 7FA47D
Verdant Haven
- 989E6B
≈ Domain
- 69A795
≈ Calmness
Triádico +120° +240°
- 7FA47D
Verdant Haven
- 8299C4
≈ Bel Air Blue
- C08884
≈ All’s Ace
Complementario dividido +150° +210°
- 7FA47D
Verdant Haven
- 9A91C0
≈ Violet Tulip
- BB879C
≈ Mauvey Nude
Tetrádico +90° +180° +270°
- 7FA47D
Verdant Haven
- 6CA0BD
≈ Fate
- AE8AB1
≈ Violet Whimsy
- BB8D70
≈ Dune Drift
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.50:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--verdant-haven: #7fa47d;
--verdant-haven-rgb: 127 164 125;
--verdant-haven-oklch: oklch(0.681 0.07 143.5);
}
.element {
color: var(--verdant-haven);
background-color: hsl(117 18% 57%);
border-color: oklch(0.681 0.07 143.5);
}Tailwind CSS v4
@theme {
--color-verdant-haven: #7fa47d;
--color-verdant-haven-50: #e9fbe9;
--color-verdant-haven-100: #daefda;
--color-verdant-haven-200: #c2ddc3;
--color-verdant-haven-300: #a2c1a2;
--color-verdant-haven-400: #86aa84;
--color-verdant-haven-500: #6a9268;
--color-verdant-haven-600: #5a7c59;
--color-verdant-haven-700: #486347;
--color-verdant-haven-800: #354932;
--color-verdant-haven-900: #243222;
--color-verdant-haven-950: #131e11;
}SCSS
$verdant-haven: #7fa47d;
$verdant-haven-rgb: 127, 164, 125;
$verdant-haven-light: mix(#fff, $verdant-haven, 20%);
$verdant-haven-dark: mix(#000, $verdant-haven, 20%);
.element {
color: $verdant-haven;
box-shadow: 0 0 0 2px rgba($verdant-haven, 0.35);
}