Najbliższy nazwany kolor · #6A9867
#6A9867
Najbliższy nazwany kolor: Leafy
#6A9867 (rgb(106 152 103), hsl(116 19% 50%), oklch(0.633 0.088 143)) jest najbliższy nazwanemu kolorowi Leafy. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6A9867
oklch(0.633 0.088 143)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 79A276
- 87AC84
- 96B693
- A4C1A2
- B3CBB1
- C2D5C0
- D1E0D0
- E0EADF
- F0F4EF
Odcienie ciemniejsze
- 5B8459
- 4D704B
- 3F5C3D
- 314A30
- 243823
- 182717
- 0D170C
- 040804
- 000100
Tony
- 6D966A
- 6F936D
- 72916F
- 748F72
- 768C74
- 788A77
- 7A8779
- 7C857B
- 7E837E
Harmonie kolorów
Komplementarna +180°
- 6A9867
Leafy
- A478A9
≈ Pleasant Dream
Analogowa -30° +30°
- 6A9867
Leafy
- 8A904F
≈ Vintage Vibe
- 4A9B85
≈ Dioptase Green
Triada +120° +240°
- 6A9867
Leafy
- 6E8AC0
≈ Dayflower Blue
- B97571
≈ Earth Rose
Komplementarna rozszczepiona +150° +210°
- 6A9867
Leafy
- 8C80BB
≈ Bravo!
- B4748F
≈ First Plum
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.33:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.29:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
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);
}