色名 · #414549
Stargazing
Stargazingは#414549：rgb(65 69 73)、hsl(210 6% 27%)、oklch(0.388 0.009 248.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Stargazing color name →
#414549
oklch(0.388 0.009 248.1)
カラー変換
- HEX
- #414549
- RGB
- rgb(65 69 73)
- HSL
- hsl(210 6% 27%)
- HWB
- hwb(210 25% 71%)
- OKLCH
- oklch(0.388 0.009 248.1)
- OKLab
- oklab(0.388 -0.003 -0.008)
- CIE Lab
- lab(29.02 -1 -3.02)
- LCH
- lch(29.02 3.18 251.6)
- CMYK
- cmyk(11% 5% 0% 71%)
ティント · シェード · トーン
ティント
- 525659
- 63676A
- 75787B
- 888A8D
- 9A9D9F
- AEB0B2
- C2C3C4
- D6D7D8
- EAEBEB
シェード
- 373B3E
- 2E3134
- 25272A
- 1C1E20
- 131517
- 0B0C0E
- 050506
- 010202
- 000000
トーン
- 474B4E
- 4D5054
- 535659
- 595C5E
- 606264
- 666869
- 6C6E6F
- 737475
- 797A7A
カラーハーモニー
補色 +180°
- 414549
Stargazing
- 484440
≈ Ravenwood
類似色 -30° +30°
- 414549
Stargazing
- 404648
≈ Stargazing
- 434449
≈ Stargazing
トライアド +120° +240°
- 414549
Stargazing
- 494344
≈ Greenish Black
- 434541
≈ Tuatara
スプリットコンプリメンタリー +150° +210°
- 414549
Stargazing
- 494341
≈ Sweet Molasses
- 46453F
≈ Tuatara
テトラード +90° +180° +270°
- 414549
Stargazing
- 484346
≈ Greenish Black
- 484440
≈ Ravenwood
- 414643
≈ Tuatara
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.66:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.17:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.66:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--stargazing: #414549;
--stargazing-rgb: 65 69 73;
--stargazing-oklch: oklch(0.388 0.009 248.1);
}
.element {
color: var(--stargazing);
background-color: hsl(210 6% 27%);
border-color: oklch(0.388 0.009 248.1);
}Tailwind CSS v4
@theme {
--color-stargazing: #414549;
--color-stargazing-50: #f3f5f7;
--color-stargazing-100: #e6e8eb;
--color-stargazing-200: #d1d4d8;
--color-stargazing-300: #b4b8bc;
--color-stargazing-400: #9b9fa3;
--color-stargazing-500: #82878c;
--color-stargazing-600: #6e7276;
--color-stargazing-700: #585b5f;
--color-stargazing-800: #404345;
--color-stargazing-900: #2c2e30;
--color-stargazing-950: #191b1c;
}SCSS
$stargazing: #414549;
$stargazing-rgb: 65, 69, 73;
$stargazing-light: mix(#fff, $stargazing, 20%);
$stargazing-dark: mix(#000, $stargazing, 20%);
.element {
color: $stargazing;
box-shadow: 0 0 0 2px rgba($stargazing, 0.35);
}