Nazwany kolor · #A2A59D
Secret Moss
Secret Moss to #A2A59D: rgb(162 165 157), hsl(83 4% 63%), oklch(0.717 0.012 123.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Secret Moss color name →
#A2A59D
oklch(0.717 0.012 123.5)
Konwersje koloru
- HEX
- #a2a59d
- RGB
- rgb(162 165 157)
- HSL
- hsl(83 4% 63%)
- HWB
- hwb(83 62% 35%)
- OKLCH
- oklch(0.717 0.012 123.5)
- OKLab
- oklab(0.717 -0.007 0.01)
- CIE Lab
- lab(67.32 -2.23 3.77)
- LCH
- lch(67.32 4.38 120.6)
- CMYK
- cmyk(2% 0% 5% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABAEA6
- B4B6B0
- BDBFB9
- C6C8C3
- D0D1CD
- D9DAD7
- E2E3E1
- ECECEB
- F5F6F5
Odcienie ciemniejsze
- 8C8F88
- 777973
- 63655F
- 4F514C
- 3C3D3A
- 2A2B28
- 191A18
- 0A0A09
- 010101
Tony
- 9FA19A
- 9B9D97
- 989A94
- 949691
- 91928E
- 8D8F8B
- 8A8B89
- 878786
- 838483
Harmonie kolorów
Komplementarna +180°
- A2A59D
Secret Moss
- A5A2AA
≈ Mysterious Mauve
Analogowa -30° +30°
- A2A59D
Secret Moss
- A6A49C
≈ Ashlite
- 9EA6A0
≈ Puddle
Triada +120° +240°
- A2A59D
Secret Moss
- 9EA5AB
≈ Rainmaster
- ABA1A3
≈ Beijing Moon
Komplementarna rozszczepiona +150° +210°
- A2A59D
Secret Moss
- A1A3AB
≈ Masterpiece
- A9A1A7
≈ Mysterious Mauve
Tetrada +90° +180° +270°
- A2A59D
Secret Moss
- 9CA6A8
≈ Celestra Grey
- A5A2AA
≈ Mysterious Mauve
- ABA19F
≈ Beijing Moon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.49:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.40:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--secret-moss: #a2a59d;
--secret-moss-rgb: 162 165 157;
--secret-moss-oklch: oklch(0.717 0.012 123.5);
}
.element {
color: var(--secret-moss);
background-color: hsl(83 4% 63%);
border-color: oklch(0.717 0.012 123.5);
}Tailwind CSS v4
@theme {
--color-secret-moss: #a2a59d;
--color-secret-moss-50: #f4f6f2;
--color-secret-moss-100: #e7e9e4;
--color-secret-moss-200: #d3d5d0;
--color-secret-moss-300: #b6b8b2;
--color-secret-moss-400: #9da098;
--color-secret-moss-500: #84887f;
--color-secret-moss-600: #70736c;
--color-secret-moss-700: #5a5c56;
--color-secret-moss-800: #42433f;
--color-secret-moss-900: #2d2e2b;
--color-secret-moss-950: #1a1b18;
}SCSS
$secret-moss: #a2a59d;
$secret-moss-rgb: 162, 165, 157;
$secret-moss-light: mix(#fff, $secret-moss, 20%);
$secret-moss-dark: mix(#000, $secret-moss, 20%);
.element {
color: $secret-moss;
box-shadow: 0 0 0 2px rgba($secret-moss, 0.35);
}