Nazwany kolor · #AEB1AC
Fynbos Leaf
Fynbos Leaf to #AEB1AC: rgb(174 177 172), hsl(96 3% 68%), oklch(0.757 0.008 132.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fynbos Leaf color name →
#AEB1AC
oklch(0.757 0.008 132.4)
Konwersje koloru
- HEX
- #aeb1ac
- RGB
- rgb(174 177 172)
- HSL
- hsl(96 3% 68%)
- HWB
- hwb(96 67% 31%)
- OKLCH
- oklch(0.757 0.008 132.4)
- OKLab
- oklab(0.757 -0.005 0.006)
- CIE Lab
- lab(71.85 -1.79 2.18)
- LCH
- lch(71.85 2.82 129.5)
- CMYK
- cmyk(2% 0% 3% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6B9B4
- BEC0BC
- C6C8C4
- CED0CC
- D6D7D5
- DEDFDD
- E6E7E5
- EEEFEE
- F7F7F6
Odcienie ciemniejsze
- 979995
- 80837F
- 6A6C69
- 555754
- 414240
- 2E2F2D
- 1C1C1B
- 0B0C0B
- 010101
Tony
- A9ACA7
- A5A7A3
- A0A29F
- 9B9D9A
- 979896
- 929391
- 8E8E8D
- 898A89
- 848584
Harmonie kolorów
Komplementarna +180°
- AEB1AC
Fynbos Leaf
- B2AFB4
≈ Harbour Fog
Analogowa -30° +30°
- AEB1AC
Fynbos Leaf
- B1B0AB
≈ Stately Greystone
- ACB2AE
≈ Vinalhaven
Triada +120° +240°
- AEB1AC
Fynbos Leaf
- ACB0B5
≈ Silver Charm
- B5AEAE
≈ Kid Gloves
Komplementarna rozszczepiona +150° +210°
- AEB1AC
Fynbos Leaf
- AFAFB5
≈ Silver Charm
- B4AEB1
≈ Kid Gloves
Tetrada +90° +180° +270°
- AEB1AC
Fynbos Leaf
- ABB1B3
≈ Tin Foil
- B2AFB4
≈ Harbour Fog
- B5AEAC
≈ Kid Gloves
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.68:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--fynbos-leaf: #aeb1ac;
--fynbos-leaf-rgb: 174 177 172;
--fynbos-leaf-oklch: oklch(0.757 0.008 132.4);
}
.element {
color: var(--fynbos-leaf);
background-color: hsl(96 3% 68%);
border-color: oklch(0.757 0.008 132.4);
}Tailwind CSS v4
@theme {
--color-fynbos-leaf: #aeb1ac;
--color-fynbos-leaf-50: #f4f6f3;
--color-fynbos-leaf-100: #e7e8e6;
--color-fynbos-leaf-200: #d3d5d2;
--color-fynbos-leaf-300: #b6b8b4;
--color-fynbos-leaf-400: #9d9f9b;
--color-fynbos-leaf-500: #848782;
--color-fynbos-leaf-600: #70726e;
--color-fynbos-leaf-700: #595c58;
--color-fynbos-leaf-800: #414340;
--color-fynbos-leaf-900: #2d2e2c;
--color-fynbos-leaf-950: #1a1b19;
}SCSS
$fynbos-leaf: #aeb1ac;
$fynbos-leaf-rgb: 174, 177, 172;
$fynbos-leaf-light: mix(#fff, $fynbos-leaf, 20%);
$fynbos-leaf-dark: mix(#000, $fynbos-leaf, 20%);
.element {
color: $fynbos-leaf;
box-shadow: 0 0 0 2px rgba($fynbos-leaf, 0.35);
}