Benoemde kleur · #A9BBBC
Grey Wool
Grey Wool is #A9BBBC: rgb(169 187 188), hsl(183 12% 70%), oklch(0.779 0.02 200.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Grey Wool color name →
#A9BBBC
oklch(0.779 0.02 200.8)
Kleurconversies
- HEX
- #a9bbbc
- RGB
- rgb(169 187 188)
- HSL
- hsl(183 12% 70%)
- HWB
- hwb(183 66% 26%)
- OKLCH
- oklch(0.779 0.02 200.8)
- OKLab
- oklab(0.779 -0.019 -0.007)
- CIE Lab
- lab(74.51 -6.26 -2.73)
- LCH
- lch(74.51 6.83 203.6)
- CMYK
- cmyk(10% 1% 0% 26%)
Tinten · Schaduwen · Tonen
Tinten
- B1C2C3
- BAC8C9
- C2CFD0
- CBD6D6
- D3DDDD
- DCE3E4
- E5EAEB
- EDF1F1
- F6F8F8
Schaduwen
- 92A2A3
- 7C8A8B
- 677373
- 535C5D
- 3F4647
- 2C3232
- 1B1F1F
- 0A0D0D
- 010202
Tonen
- A5B5B6
- A1AFB0
- 9DA9AA
- 98A3A4
- 949D9D
- 909797
- 8C9192
- 888B8C
- 848686
Kleurharmonieën
Complementair +180°
- A9BBBC
Grey Wool
- C3B2B1
≈ Soft Tone
Analoog -30° +30°
- A9BBBC
Grey Wool
- ABBBB5
≈ Fresh Eucalyptus
- ABBAC1
≈ Blue Heather
Triadisch +120° +240°
- A9BBBC
Grey Wool
- BDB3BF
≈ Ash Grove
- BEB6A9
≈ Ghost Town
Gesplitst complementair +150° +210°
- A9BBBC
Grey Wool
- C2B2B8
≈ Blossom Powder
- C2B4AC
≈ Light Glaze
Tetradisch +90° +180° +270°
- A9BBBC
Grey Wool
- B6B5C3
≈ Juniper Berry
- C3B2B1
≈ Soft Tone
- B7B8AA
≈ Antique Coin
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.99:1 · APCA Lc 39
Ag
AAAOp zwart
WCAG 10.52:1 · APCA Lc 64
Beste tekstkleur: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Codefragmenten
CSS
:root {
--grey-wool: #a9bbbc;
--grey-wool-rgb: 169 187 188;
--grey-wool-oklch: oklch(0.779 0.02 200.8);
}
.element {
color: var(--grey-wool);
background-color: hsl(183 12% 70%);
border-color: oklch(0.779 0.02 200.8);
}Tailwind CSS v4
@theme {
--color-grey-wool: #a9bbbc;
--color-grey-wool-50: #eff7f8;
--color-grey-wool-100: #e1eaeb;
--color-grey-wool-200: #cbd7d8;
--color-grey-wool-300: #acbbbc;
--color-grey-wool-400: #92a2a3;
--color-grey-wool-500: #778a8b;
--color-grey-wool-600: #657576;
--color-grey-wool-700: #515e5e;
--color-grey-wool-800: #3b4545;
--color-grey-wool-900: #282f30;
--color-grey-wool-950: #161c1c;
}SCSS
$grey-wool: #a9bbbc;
$grey-wool-rgb: 169, 187, 188;
$grey-wool-light: mix(#fff, $grey-wool, 20%);
$grey-wool-dark: mix(#000, $grey-wool, 20%);
.element {
color: $grey-wool;
box-shadow: 0 0 0 2px rgba($grey-wool, 0.35);
}