Benoemde kleur · #B2AAAA
Silver Service
Silver Service is #B2AAAA: rgb(178 170 170), hsl(0 5% 68%), oklch(0.745 0.009 17.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Silver Service color name →
#B2AAAA
oklch(0.745 0.009 17.4)
Kleurconversies
- HEX
- #b2aaaa
- RGB
- rgb(178 170 170)
- HSL
- hsl(0 5% 68%)
- HWB
- hwb(0 67% 30%)
- OKLCH
- oklch(0.745 0.009 17.4)
- OKLab
- oklab(0.745 0.009 0.003)
- CIE Lab
- lab(70.29 2.97 1.08)
- LCH
- lch(70.29 3.16 20)
- CMYK
- cmyk(0% 4% 4% 30%)
Tinten · Schaduwen · Tonen
Tinten
- B9B2B2
- C1BABA
- C9C3C3
- D0CBCB
- D8D4D4
- E0DCDC
- E7E5E5
- EFEEED
- F7F6F6
Schaduwen
- 9A9393
- 837D7D
- 6D6868
- 575353
- 433F3F
- 2F2D2D
- 1D1B1B
- 0C0B0B
- 010101
Tonen
- ADA6A6
- A8A1A1
- A39D9D
- 9E9999
- 999595
- 949191
- 8F8C8C
- 8A8888
- 858484
Kleurharmonieën
Complementair +180°
- B2AAAA
Silver Service
- A6AEAE
≈ Wintry Sky
Analoog -30° +30°
- B2AAAA
Silver Service
- B1AAAD
≈ Silver Service
- B1ABA7
≈ Autumn Grey
Triadisch +120° +240°
- B2AAAA
Silver Service
- A9AEA8
≈ Pigeon
- A9ADB2
≈ Northern Light Grey
Gesplitst complementair +150° +210°
- B2AAAA
Silver Service
- A7AEAB
≈ Silver Screen
- A7AEB1
≈ Northern Light Grey
Tetradisch +90° +180° +270°
- B2AAAA
Silver Service
- ADADA6
≈ Classic Greyscale
- A6AEAE
≈ Wintry Sky
- ACABB2
≈ Sylph
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.27:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.22:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--silver-service: #b2aaaa;
--silver-service-rgb: 178 170 170;
--silver-service-oklch: oklch(0.745 0.009 17.4);
}
.element {
color: var(--silver-service);
background-color: hsl(0 5% 68%);
border-color: oklch(0.745 0.009 17.4);
}Tailwind CSS v4
@theme {
--color-silver-service: #b2aaaa;
--color-silver-service-50: #f8f4f4;
--color-silver-service-100: #ebe7e6;
--color-silver-service-200: #d8d3d2;
--color-silver-service-300: #bcb6b5;
--color-silver-service-400: #a49c9c;
--color-silver-service-500: #8c8484;
--color-silver-service-600: #777070;
--color-silver-service-700: #5f5959;
--color-silver-service-800: #454141;
--color-silver-service-900: #302d2d;
--color-silver-service-950: #1c1a1a;
}SCSS
$silver-service: #b2aaaa;
$silver-service-rgb: 178, 170, 170;
$silver-service-light: mix(#fff, $silver-service, 20%);
$silver-service-dark: mix(#000, $silver-service, 20%);
.element {
color: $silver-service;
box-shadow: 0 0 0 2px rgba($silver-service, 0.35);
}