色名 · #3B424C
Astrogranite Debris
Astrogranite Debrisは#3B424C：rgb(59 66 76)、hsl(215 13% 26%)、oklch(0.377 0.02 257.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Astrogranite Debris color name →
#3B424C
oklch(0.377 0.02 257.3)
カラー変換
- HEX
- #3b424c
- RGB
- rgb(59 66 76)
- HSL
- hsl(215 13% 26%)
- HWB
- hwb(215 23% 70%)
- OKLCH
- oklch(0.377 0.02 257.3)
- OKLab
- oklab(0.377 -0.004 -0.019)
- CIE Lab
- lab(27.62 -1.08 -7.1)
- LCH
- lch(27.62 7.18 261.4)
- CMYK
- cmyk(22% 13% 0% 70%)
ティント · シェード · トーン
ティント
- 4C535C
- 5E646D
- 71767E
- 84888F
- 979BA1
- ABAEB3
- BFC2C6
- D4D6D8
- E9EAEC
シェード
- 323841
- 292F36
- 21252C
- 191C22
- 111418
- 090B0F
- 040506
- 010102
- 000000
トーン
- 414851
- 484E56
- 4F545B
- 565A60
- 5C6066
- 63666B
- 6A6D70
- 727375
- 797A7B
カラーハーモニー
補色 +180°
- 3B424C
Astrogranite Debris
- 474036
≈ Brown Bear
類似色 -30° +30°
- 3B424C
Astrogranite Debris
- 37444A
≈ Cool Operator’s Overalls
- 41404C
≈ Intellectual
トライアド +120° +240°
- 3B424C
Astrogranite Debris
- 4B3D3E
≈ Crater Brown
- 3D443A
≈ Deep Forest
スプリットコンプリメンタリー +150° +210°
- 3B424C
Astrogranite Debris
- 4B3F39
≈ Brown Bear
- 424236
≈ Forest Night
テトラード +90° +180° +270°
- 3B424C
Astrogranite Debris
- 4A3D43
≈ Eclectic Purple
- 474036
≈ Brown Bear
- 38453F
≈ Refined Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.14:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.06:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--astrogranite-debris: #3b424c;
--astrogranite-debris-rgb: 59 66 76;
--astrogranite-debris-oklch: oklch(0.377 0.02 257.3);
}
.element {
color: var(--astrogranite-debris);
background-color: hsl(215 13% 26%);
border-color: oklch(0.377 0.02 257.3);
}Tailwind CSS v4
@theme {
--color-astrogranite-debris: #3b424c;
--color-astrogranite-debris-50: #f2f5fb;
--color-astrogranite-debris-100: #e4e8ef;
--color-astrogranite-debris-200: #cfd5dd;
--color-astrogranite-debris-300: #b2b8c2;
--color-astrogranite-debris-400: #979faa;
--color-astrogranite-debris-500: #7e8793;
--color-astrogranite-debris-600: #6b727d;
--color-astrogranite-debris-700: #555b64;
--color-astrogranite-debris-800: #3e4349;
--color-astrogranite-debris-900: #2b2e33;
--color-astrogranite-debris-950: #181b1e;
}SCSS
$astrogranite-debris: #3b424c;
$astrogranite-debris-rgb: 59, 66, 76;
$astrogranite-debris-light: mix(#fff, $astrogranite-debris, 20%);
$astrogranite-debris-dark: mix(#000, $astrogranite-debris, 20%);
.element {
color: $astrogranite-debris;
box-shadow: 0 0 0 2px rgba($astrogranite-debris, 0.35);
}