Warna bernama terdekat · #7FA47D
#7FA47D
Warna bernama terdekat: Verdant Haven
#7FA47D (rgb(127 164 125), hsl(117 18% 57%), oklch(0.681 0.07 143.5)) paling mendekati warna bernama Verdant Haven. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#7FA47D
oklch(0.681 0.07 143.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 8BAD89
- 98B696
- A4BFA3
- B1C8B0
- BED1BC
- CBDACA
- D8E3D7
- E5ECE4
- F2F6F1
Shade
- 6E8E6C
- 5D795B
- 4C644B
- 3C503B
- 2D3D2C
- 1F2B1E
- 111A11
- 060A05
- 010101
Tone
- 7FA07D
- 809D7E
- 80997E
- 80967F
- 80927F
- 808E7F
- 808B7F
- 808780
- 808480
Harmoni warna
Komplementer +180°
- 7FA47D
Verdant Haven
- AE8AB1
≈ Violet Whimsy
Analog -30° +30°
- 7FA47D
Verdant Haven
- 989E6B
≈ Domain
- 69A795
≈ Calmness
Triadik +120° +240°
- 7FA47D
Verdant Haven
- 8299C4
≈ Bel Air Blue
- C08884
≈ All’s Ace
Split-komplementer +150° +210°
- 7FA47D
Verdant Haven
- 9A91C0
≈ Violet Tulip
- BB879C
≈ Mauvey Nude
Tetradik +90° +180° +270°
- 7FA47D
Verdant Haven
- 6CA0BD
≈ Fate
- AE8AB1
≈ Violet Whimsy
- BB8D70
≈ Dune Drift
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.50:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
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);
}