Benannte Farbe · #3F663E
Friendly Fairway
Friendly Fairway ist #3F663E: rgb(63 102 62), hsl(118 24% 32%), oklch(0.47 0.077 143.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Friendly Fairway color name →
#3F663E
oklch(0.47 0.077 143.7)
Farbumrechnungen
- HEX
- #3f663e
- RGB
- rgb(63 102 62)
- HSL
- hsl(118 24% 32%)
- HWB
- hwb(118 24% 60%)
- OKLCH
- oklch(0.47 0.077 143.7)
- OKLab
- oklab(0.47 -0.062 0.046)
- CIE Lab
- lab(39.45 -21.18 18.11)
- LCH
- lch(39.45 27.87 139.5)
- CMYK
- cmyk(38% 0% 39% 60%)
Tints · Shades · Tones
Tints
- 517450
- 638362
- 769274
- 88A187
- 9BB09A
- AFBFAE
- C2CFC1
- D6DFD6
- EAEFEA
Shades
- 355835
- 2C4A2B
- 233C23
- 1B2F1A
- 122312
- 0A170A
- 040C04
- 010401
- 000000
Tones
- 466945
- 4D6B4B
- 536E52
- 5A7159
- 60735F
- 677666
- 6D786C
- 737B73
- 7A7E79
Farbharmonien
Komplementär +180°
- 3F663E
Friendly Fairway
- 704B73
≈ Hyssop
Analog -30° +30°
- 3F663E
Friendly Fairway
- 5A5F29
≈ Gardener Green
- 1F6957
≈ Forest Rain
Triadisch +120° +240°
- 3F663E
Friendly Fairway
- 445A86
≈ True Navy
- 814946
≈ Deco Red
Geteilt komplementär +150° +210°
- 3F663E
Friendly Fairway
- 5D5282
≈ Freshly Purpleized
- 7C485E
≈ Princely
Tetradisch +90° +180° +270°
- 3F663E
Friendly Fairway
- 27627F
≈ Georgian Bay
- 704B73
≈ Hyssop
- 7C4E2F
≈ Kinsusutake Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.60:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.18:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--friendly-fairway: #3f663e;
--friendly-fairway-rgb: 63 102 62;
--friendly-fairway-oklch: oklch(0.47 0.077 143.7);
}
.element {
color: var(--friendly-fairway);
background-color: hsl(118 24% 32%);
border-color: oklch(0.47 0.077 143.7);
}Tailwind CSS v4
@theme {
--color-friendly-fairway: #3f663e;
--color-friendly-fairway-50: #e8fce8;
--color-friendly-fairway-100: #d8efd9;
--color-friendly-fairway-200: #c0dec1;
--color-friendly-fairway-300: #9fc2a0;
--color-friendly-fairway-400: #83ab81;
--color-friendly-fairway-500: #669465;
--color-friendly-fairway-600: #577d56;
--color-friendly-fairway-700: #456444;
--color-friendly-fairway-800: #334930;
--color-friendly-fairway-900: #233321;
--color-friendly-fairway-950: #121e10;
}SCSS
$friendly-fairway: #3f663e;
$friendly-fairway-rgb: 63, 102, 62;
$friendly-fairway-light: mix(#fff, $friendly-fairway, 20%);
$friendly-fairway-dark: mix(#000, $friendly-fairway, 20%);
.element {
color: $friendly-fairway;
box-shadow: 0 0 0 2px rgba($friendly-fairway, 0.35);
}