色名 · #AEB1AC
Fynbos Leaf
Fynbos Leafは#AEB1AC：rgb(174 177 172)、hsl(96 3% 68%)、oklch(0.757 0.008 132.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Fynbos Leaf color name →
#AEB1AC
oklch(0.757 0.008 132.4)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- B6B9B4
- BEC0BC
- C6C8C4
- CED0CC
- D6D7D5
- DEDFDD
- E6E7E5
- EEEFEE
- F7F7F6
シェード
- 979995
- 80837F
- 6A6C69
- 555754
- 414240
- 2E2F2D
- 1C1C1B
- 0B0C0B
- 010101
トーン
- A9ACA7
- A5A7A3
- A0A29F
- 9B9D9A
- 979896
- 929391
- 8E8E8D
- 898A89
- 848584
カラーハーモニー
補色 +180°
- AEB1AC
Fynbos Leaf
- B2AFB4
≈ Harbour Fog
類似色 -30° +30°
- AEB1AC
Fynbos Leaf
- B1B0AB
≈ Stately Greystone
- ACB2AE
≈ Vinalhaven
トライアド +120° +240°
- AEB1AC
Fynbos Leaf
- ACB0B5
≈ Silver Charm
- B5AEAE
≈ Kid Gloves
スプリットコンプリメンタリー +150° +210°
- AEB1AC
Fynbos Leaf
- AFAFB5
≈ Silver Charm
- B4AEB1
≈ Kid Gloves
テトラード +90° +180° +270°
- AEB1AC
Fynbos Leaf
- ABB1B3
≈ Tin Foil
- B2AFB4
≈ Harbour Fog
- B5AEAC
≈ Kid Gloves
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.68:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
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);
}