Nächste benannte Farbe · #6A9867
#6A9867
Nächste benannte Farbe: Leafy
#6A9867 (rgb(106 152 103), hsl(116 19% 50%), oklch(0.633 0.088 143)) liegt am nächsten an der benannten Farbe Leafy. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6A9867
oklch(0.633 0.088 143)
Farbumrechnungen
- HEX
- #6a9867
- RGB
- rgb(106 152 103)
- HSL
- hsl(116 19% 50%)
- HWB
- hwb(116 40% 40%)
- OKLCH
- oklch(0.633 0.088 143)
- OKLab
- oklab(0.633 -0.07 0.053)
- CIE Lab
- lab(58.54 -23.78 20.69)
- LCH
- lch(58.54 31.52 139)
- CMYK
- cmyk(30% 0% 32% 40%)
Tints · Shades · Tones
Tints
- 79A276
- 87AC84
- 96B693
- A4C1A2
- B3CBB1
- C2D5C0
- D1E0D0
- E0EADF
- F0F4EF
Shades
- 5B8459
- 4D704B
- 3F5C3D
- 314A30
- 243823
- 182717
- 0D170C
- 040804
- 000100
Tones
- 6D966A
- 6F936D
- 72916F
- 748F72
- 768C74
- 788A77
- 7A8779
- 7C857B
- 7E837E
Farbharmonien
Komplementär +180°
- 6A9867
Leafy
- A478A9
≈ Pleasant Dream
Analog -30° +30°
- 6A9867
Leafy
- 8A904F
≈ Vintage Vibe
- 4A9B85
≈ Dioptase Green
Triadisch +120° +240°
- 6A9867
Leafy
- 6E8AC0
≈ Dayflower Blue
- B97571
≈ Earth Rose
Geteilt komplementär +150° +210°
- 6A9867
Leafy
- 8C80BB
≈ Bravo!
- B4748F
≈ First Plum
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.33:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.29:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--leafy: #6a9867;
--leafy-rgb: 106 152 103;
--leafy-oklch: oklch(0.633 0.088 143);
}
.element {
color: var(--leafy);
background-color: hsl(116 19% 50%);
border-color: oklch(0.633 0.088 143);
}Tailwind CSS v4
@theme {
--color-leafy: #6a9867;
--color-leafy-50: #e6fce6;
--color-leafy-100: #d7f0d6;
--color-leafy-200: #bedfbe;
--color-leafy-300: #9cc49c;
--color-leafy-400: #80ac7d;
--color-leafy-500: #62955f;
--color-leafy-600: #547e51;
--color-leafy-700: #436541;
--color-leafy-800: #314a2d;
--color-leafy-900: #21331e;
--color-leafy-950: #101f0e;
}SCSS
$leafy: #6a9867;
$leafy-rgb: 106, 152, 103;
$leafy-light: mix(#fff, $leafy, 20%);
$leafy-dark: mix(#000, $leafy, 20%);
.element {
color: $leafy;
box-shadow: 0 0 0 2px rgba($leafy, 0.35);
}