色名 · #5C6B65
Artistic Stone
Artistic Stoneは#5C6B65：rgb(92 107 101)、hsl(156 8% 39%)、oklch(0.513 0.02 169.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Artistic Stone color name →
#5C6B65
oklch(0.513 0.02 169.4)
カラー変換
- HEX
- #5c6b65
- RGB
- rgb(92 107 101)
- HSL
- hsl(156 8% 39%)
- HWB
- hwb(156 36% 58%)
- OKLCH
- oklch(0.513 0.02 169.4)
- OKLab
- oklab(0.513 -0.02 0.004)
- CIE Lab
- lab(43.81 -6.87 1.36)
- LCH
- lch(43.81 7.01 168.8)
- CMYK
- cmyk(14% 0% 6% 58%)
ティント · シェード · トーン
ティント
- 6B7973
- 7A8782
- 8A9590
- 9AA39F
- AAB2AF
- BBC1BE
- CBD0CE
- DCE0DE
- EEEFEF
シェード
- 4F5C57
- 424E49
- 363F3C
- 2A322F
- 1F2522
- 141817
- 0A0D0C
- 030403
- 000000
トーン
- 606D68
- 636F6A
- 67716D
- 6A7370
- 6E7572
- 727875
- 757A78
- 797C7B
- 7C7E7D
カラーハーモニー
補色 +180°
- 5C6B65
Artistic Stone
- 716269
≈ Vintage Grape
類似色 -30° +30°
- 5C6B65
Artistic Stone
- 616A5F
≈ Belmont Green
- 5A6B6B
≈ Spacebox
トライアド +120° +240°
- 5C6B65
Artistic Stone
- 666572
≈ Eventide
- 71645D
≈ Morel
スプリットコンプリメンタリー +150° +210°
- 5C6B65
Artistic Stone
- 6C636F
≈ Silverado
- 726362
≈ Dignified Purple
テトラード +90° +180° +270°
- 5C6B65
Artistic Stone
- 606773
≈ British Shorthair
- 716269
≈ Vintage Grape
- 6D665A
≈ Patio Stone
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.60:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.74:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--artistic-stone: #5c6b65;
--artistic-stone-rgb: 92 107 101;
--artistic-stone-oklch: oklch(0.513 0.02 169.4);
}
.element {
color: var(--artistic-stone);
background-color: hsl(156 8% 39%);
border-color: oklch(0.513 0.02 169.4);
}Tailwind CSS v4
@theme {
--color-artistic-stone: #5c6b65;
--color-artistic-stone-50: #f0f7f4;
--color-artistic-stone-100: #e1eae7;
--color-artistic-stone-200: #ccd7d3;
--color-artistic-stone-300: #aebbb6;
--color-artistic-stone-400: #93a39c;
--color-artistic-stone-500: #7a8b84;
--color-artistic-stone-600: #677570;
--color-artistic-stone-700: #525e59;
--color-artistic-stone-800: #3c4541;
--color-artistic-stone-900: #29302d;
--color-artistic-stone-950: #171c1a;
}SCSS
$artistic-stone: #5c6b65;
$artistic-stone-rgb: 92, 107, 101;
$artistic-stone-light: mix(#fff, $artistic-stone, 20%);
$artistic-stone-dark: mix(#000, $artistic-stone, 20%);
.element {
color: $artistic-stone;
box-shadow: 0 0 0 2px rgba($artistic-stone, 0.35);
}