Nazwany kolor · #649D85
Scotch Lassie
Scotch Lassie to #649D85: rgb(100 157 133), hsl(155 23% 50%), oklch(0.649 0.07 165.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Scotch Lassie color name →
#649D85
oklch(0.649 0.07 165.8)
Konwersje koloru
- HEX
- #649d85
- RGB
- rgb(100 157 133)
- HSL
- hsl(155 23% 50%)
- HWB
- hwb(155 39% 38%)
- OKLCH
- oklch(0.649 0.07 165.8)
- OKLab
- oklab(0.649 -0.068 0.017)
- CIE Lab
- lab(60.27 -23.71 6.39)
- LCH
- lch(60.27 24.56 164.9)
- CMYK
- cmyk(36% 0% 15% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 74A791
- 83B09C
- 93BAA8
- A2C4B4
- B1CDC0
- C1D7CD
- D0E1D9
- E0EBE6
- EFF5F2
Odcienie ciemniejsze
- 568873
- 487361
- 3B5F50
- 2E4C40
- 223A30
- 162821
- 0B1813
- 030906
- 000101
Tony
- 689A85
- 6B9784
- 6E9484
- 719283
- 748F83
- 778C82
- 798982
- 7C8681
- 7E8381
Harmonie kolorów
Komplementarna +180°
- 649D85
Scotch Lassie
- AF7E98
≈ Antique Hot Pink
Analogowa -30° +30°
- 649D85
Scotch Lassie
- 7C996E
≈ Money
- 579D9D
≈ Cold North
Triada +120° +240°
- 649D85
Scotch Lassie
- 8B89B9
≈ Butterfly Garden
- B4826B
≈ Auburn Glaze
Komplementarna rozszczepiona +150° +210°
- 649D85
Scotch Lassie
- A082AC
≈ Regal Orchid
- B67E80
≈ Fiesta Rojo
Tetrada +90° +180° +270°
- 649D85
Scotch Lassie
- 7391BA
≈ Allure
- AF7E98
≈ Antique Hot Pink
- A8895E
≈ Iced Coffee
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.70:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.70:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--scotch-lassie: #649d85;
--scotch-lassie-rgb: 100 157 133;
--scotch-lassie-oklch: oklch(0.649 0.07 165.8);
}
.element {
color: var(--scotch-lassie);
background-color: hsl(155 23% 50%);
border-color: oklch(0.649 0.07 165.8);
}Tailwind CSS v4
@theme {
--color-scotch-lassie: #649d85;
--color-scotch-lassie-50: #e3fcf1;
--color-scotch-lassie-100: #d2f0e3;
--color-scotch-lassie-200: #b8dece;
--color-scotch-lassie-300: #95c3b0;
--color-scotch-lassie-400: #76ac95;
--color-scotch-lassie-500: #56957b;
--color-scotch-lassie-600: #497e68;
--color-scotch-lassie-700: #3a6553;
--color-scotch-lassie-800: #2a4a3c;
--color-scotch-lassie-900: #1c3329;
--color-scotch-lassie-950: #0c1f17;
}SCSS
$scotch-lassie: #649d85;
$scotch-lassie-rgb: 100, 157, 133;
$scotch-lassie-light: mix(#fff, $scotch-lassie, 20%);
$scotch-lassie-dark: mix(#000, $scotch-lassie, 20%);
.element {
color: $scotch-lassie;
box-shadow: 0 0 0 2px rgba($scotch-lassie, 0.35);
}