Nazwany kolor · #ABB0AC
Mineral Deposit
Mineral Deposit to #ABB0AC: rgb(171 176 172), hsl(132 3% 68%), oklch(0.752 0.008 151.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mineral Deposit color name →
#ABB0AC
oklch(0.752 0.008 151.8)
Konwersje koloru
- HEX
- #abb0ac
- RGB
- rgb(171 176 172)
- HSL
- hsl(132 3% 68%)
- HWB
- hwb(132 67% 31%)
- OKLCH
- oklch(0.752 0.008 151.8)
- OKLab
- oklab(0.752 -0.007 0.004)
- CIE Lab
- lab(71.34 -2.39 1.41)
- LCH
- lch(71.34 2.77 149.5)
- CMYK
- cmyk(3% 0% 2% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3B8B4
- BBBFBC
- C4C7C4
- CCCFCC
- D4D7D5
- DDDFDD
- E5E7E5
- EEEFEE
- F6F7F6
Odcienie ciemniejsze
- 949995
- 7E827F
- 686C69
- 545654
- 404240
- 2D2E2D
- 1B1C1B
- 0B0B0B
- 010101
Tony
- A7ABA7
- A2A6A3
- 9EA19F
- 9A9C9A
- 959896
- 919391
- 8D8E8D
- 888989
- 848584
Harmonie kolorów
Komplementarna +180°
- ABB0AC
Mineral Deposit
- B2ADB1
≈ Gellibrand
Analogowa -30° +30°
- ABB0AC
Mineral Deposit
- ADAFAA
≈ Silver Chalice
- A9B0AF
≈ Puritan Grey
Triada +120° +240°
- ABB0AC
Mineral Deposit
- ADAEB4
≈ Grey Timberwolf
- B3ADAB
≈ Slate Pebble
Komplementarna rozszczepiona +150° +210°
- ABB0AC
Mineral Deposit
- AFADB3
≈ Love-Struck Chinchilla
- B3ACAE
≈ Pinch Purple
Tetrada +90° +180° +270°
- ABB0AC
Mineral Deposit
- AAAFB3
≈ Brilliant Silver
- B2ADB1
≈ Gellibrand
- B2ADAA
≈ Smoky Wings
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.20:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.53:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--mineral-deposit: #abb0ac;
--mineral-deposit-rgb: 171 176 172;
--mineral-deposit-oklch: oklch(0.752 0.008 151.8);
}
.element {
color: var(--mineral-deposit);
background-color: hsl(132 3% 68%);
border-color: oklch(0.752 0.008 151.8);
}Tailwind CSS v4
@theme {
--color-mineral-deposit: #abb0ac;
--color-mineral-deposit-50: #f3f6f4;
--color-mineral-deposit-100: #e6e9e7;
--color-mineral-deposit-200: #d2d5d3;
--color-mineral-deposit-300: #b4b9b5;
--color-mineral-deposit-400: #9ba09c;
--color-mineral-deposit-500: #828883;
--color-mineral-deposit-600: #6e736f;
--color-mineral-deposit-700: #585c59;
--color-mineral-deposit-800: #404341;
--color-mineral-deposit-900: #2c2e2d;
--color-mineral-deposit-950: #191b1a;
}SCSS
$mineral-deposit: #abb0ac;
$mineral-deposit-rgb: 171, 176, 172;
$mineral-deposit-light: mix(#fff, $mineral-deposit, 20%);
$mineral-deposit-dark: mix(#000, $mineral-deposit, 20%);
.element {
color: $mineral-deposit;
box-shadow: 0 0 0 2px rgba($mineral-deposit, 0.35);
}