色名 · #858F79
Ginkgo Tree
Ginkgo Treeは#858F79：rgb(133 143 121)、hsl(87 9% 52%)、oklch(0.636 0.034 127.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ginkgo Tree color name →
#858F79
oklch(0.636 0.034 127.3)
カラー変換
- HEX
- #858f79
- RGB
- rgb(133 143 121)
- HSL
- hsl(87 9% 52%)
- HWB
- hwb(87 47% 44%)
- OKLCH
- oklch(0.636 0.034 127.3)
- OKLab
- oklab(0.636 -0.021 0.027)
- CIE Lab
- lab(58.1 -6.9 10.46)
- LCH
- lch(58.1 12.53 123.4)
- CMYK
- cmyk(7% 0% 15% 44%)
ティント · シェード · トーン
ティント
- 919A86
- 9CA492
- A8AF9F
- B4BAAD
- C0C6BA
- CCD1C7
- D9DCD5
- E5E8E3
- F2F3F1
シェード
- 737C68
- 616958
- 505748
- 404539
- 30342B
- 21241D
- 131510
- 060705
- 010101
トーン
- 858E7A
- 848C7B
- 848B7B
- 83897C
- 83887D
- 82867D
- 82857E
- 81837F
- 81827F
カラーハーモニー
補色 +180°
- 858F79
Ginkgo Tree
- 90869B
≈ Hatoba Pigeon
類似色 -30° +30°
- 858F79
Ginkgo Tree
- 908B74
≈ Burning Idea
- 7A9183
≈ Cyanara
トライアド +120° +240°
- 858F79
Ginkgo Tree
- 7B8D9F
≈ Lucid Blue
- 9E8387
≈ Plumville
スプリットコンプリメンタリー +150° +210°
- 858F79
Ginkgo Tree
- 8589A0
≈ Mandrake
- 998392
≈ Garden Plum
テトラード +90° +180° +270°
- 858F79
Ginkgo Tree
- 749098
≈ Sheltered Bay
- 90869B
≈ Hatoba Pigeon
- 9E847C
≈ Pigeon Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.38:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.20:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--ginkgo-tree: #858f79;
--ginkgo-tree-rgb: 133 143 121;
--ginkgo-tree-oklch: oklch(0.636 0.034 127.3);
}
.element {
color: var(--ginkgo-tree);
background-color: hsl(87 9% 52%);
border-color: oklch(0.636 0.034 127.3);
}Tailwind CSS v4
@theme {
--color-ginkgo-tree: #858f79;
--color-ginkgo-tree-50: #f2f7ed;
--color-ginkgo-tree-100: #e4eade;
--color-ginkgo-tree-200: #d0d7c8;
--color-ginkgo-tree-300: #b2bba9;
--color-ginkgo-tree-400: #99a38d;
--color-ginkgo-tree-500: #808b73;
--color-ginkgo-tree-600: #6c7561;
--color-ginkgo-tree-700: #565e4e;
--color-ginkgo-tree-800: #3f4538;
--color-ginkgo-tree-900: #2c2f26;
--color-ginkgo-tree-950: #191c15;
}SCSS
$ginkgo-tree: #858f79;
$ginkgo-tree-rgb: 133, 143, 121;
$ginkgo-tree-light: mix(#fff, $ginkgo-tree, 20%);
$ginkgo-tree-dark: mix(#000, $ginkgo-tree, 20%);
.element {
color: $ginkgo-tree;
box-shadow: 0 0 0 2px rgba($ginkgo-tree, 0.35);
}