Benoemde kleur · #AACCBB
Greywacke
Greywacke is #AACCBB: rgb(170 204 187), hsl(150 25% 73%), oklch(0.815 0.043 163.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Greywacke color name →
#AACCBB
oklch(0.815 0.043 163.7)
Kleurconversies
- HEX
- #aaccbb
- RGB
- rgb(170 204 187)
- HSL
- hsl(150 25% 73%)
- HWB
- hwb(150 67% 20%)
- OKLCH
- oklch(0.815 0.043 163.7)
- OKLab
- oklab(0.815 -0.042 0.012)
- CIE Lab
- lab(79.18 -14.29 4.53)
- LCH
- lch(79.18 14.99 162.4)
- CMYK
- cmyk(17% 0% 8% 20%)
Tinten · Schaduwen · Tonen
Tinten
- B2D1C2
- BBD6C8
- C3DBCF
- CCE0D6
- D4E5DD
- DDEAE3
- E5F0EA
- EEF5F1
- F6FAF8
Schaduwen
- 93B1A2
- 7D978A
- 687E73
- 53655C
- 3F4E46
- 2D3732
- 1B221F
- 0B0F0D
- 010202
Tonen
- A6C4B5
- A2BCAF
- 9EB5A9
- 99ADA3
- 95A59D
- 919E97
- 8D9691
- 898F8B
- 848786
Kleurharmonieën
Complementair +180°
- AACCBB
Greywacke
- D8B8CA
≈ Spring Boutique
Analoog -30° +30°
- AACCBB
Greywacke
- B8C9AD
≈ Tamboon
- A3CCCB
≈ Eggshell Blue
Triadisch +120° +240°
- AACCBB
Greywacke
- BEC0DF
≈ Rhapsody Lilac
- DCBAAC
≈ Pickled Pork
Gesplitst complementair +150° +210°
- AACCBB
Greywacke
- CDBBD7
≈ Petite Purple
- DDB8BA
≈ Pink Softness
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.06:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--greywacke: #aaccbb;
--greywacke-rgb: 170 204 187;
--greywacke-oklch: oklch(0.815 0.043 163.7);
}
.element {
color: var(--greywacke);
background-color: hsl(150 25% 73%);
border-color: oklch(0.815 0.043 163.7);
}Tailwind CSS v4
@theme {
--color-greywacke: #aaccbb;
--color-greywacke-50: #eaf9f2;
--color-greywacke-100: #dbede4;
--color-greywacke-200: #c4dad0;
--color-greywacke-300: #a4bfb2;
--color-greywacke-400: #88a797;
--color-greywacke-500: #6c907e;
--color-greywacke-600: #5c796b;
--color-greywacke-700: #496155;
--color-greywacke-800: #35473e;
--color-greywacke-900: #24312a;
--color-greywacke-950: #131d18;
}SCSS
$greywacke: #aaccbb;
$greywacke-rgb: 170, 204, 187;
$greywacke-light: mix(#fff, $greywacke, 20%);
$greywacke-dark: mix(#000, $greywacke, 20%);
.element {
color: $greywacke;
box-shadow: 0 0 0 2px rgba($greywacke, 0.35);
}