色名 · #4A4E5C
Receding Night
Receding Nightは#4A4E5C：rgb(74 78 92)、hsl(227 11% 33%)、oklch(0.426 0.024 272.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Receding Night color name →
#4A4E5C
oklch(0.426 0.024 272.8)
カラー変換
- HEX
- #4a4e5c
- RGB
- rgb(74 78 92)
- HSL
- hsl(227 11% 33%)
- HWB
- hwb(227 29% 64%)
- OKLCH
- oklch(0.426 0.024 272.8)
- OKLab
- oklab(0.426 0.001 -0.024)
- CIE Lab
- lab(33.21 0.86 -8.83)
- LCH
- lch(33.21 8.87 275.6)
- CMYK
- cmyk(20% 15% 0% 64%)
ティント · シェード · トーン
ティント
- 5A5E6B
- 6B6E7A
- 7C7F8A
- 8E909A
- A0A2AA
- B2B4BB
- C5C6CB
- D8D9DC
- EBECEE
シェード
- 3F434F
- 353842
- 2A2D36
- 20232A
- 17191F
- 0E0F14
- 06070A
- 020203
- 000000
トーン
- 4F5360
- 545863
- 5A5D67
- 5F626A
- 64676E
- 6A6C72
- 6F7175
- 757679
- 7A7B7C
カラーハーモニー
補色 +180°
- 4A4E5C
Receding Night
- 534E40
≈ Deep Desert Shadow
類似色 -30° +30°
- 4A4E5C
Receding Night
- 44505B
≈ Royal Navy
- 514C5A
≈ Mulled Wine
トライアド +120° +240°
- 4A4E5C
Receding Night
- 5B4A46
≈ Chocolate Soul
- 455348
≈ Rock Garden
スプリットコンプリメンタリー +150° +210°
- 4A4E5C
Receding Night
- 584C41
≈ Rare Wood
- 4C5143
≈ Forestwood
テトラード +90° +180° +270°
- 4A4E5C
Receding Night
- 5A494D
≈ Carob Chip
- 534E40
≈ Deep Desert Shadow
- 405350
≈ Gedney Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.28:1 · APCA Lc 89
Ag
Fail黒の上
WCAG 2.53:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--receding-night: #4a4e5c;
--receding-night-rgb: 74 78 92;
--receding-night-oklch: oklch(0.426 0.024 272.8);
}
.element {
color: var(--receding-night);
background-color: hsl(227 11% 33%);
border-color: oklch(0.426 0.024 272.8);
}Tailwind CSS v4
@theme {
--color-receding-night: #4a4e5c;
--color-receding-night-50: #f3f5fc;
--color-receding-night-100: #e5e7f0;
--color-receding-night-200: #d1d4df;
--color-receding-night-300: #b3b7c4;
--color-receding-night-400: #999ead;
--color-receding-night-500: #818596;
--color-receding-night-600: #6d717f;
--color-receding-night-700: #575a66;
--color-receding-night-800: #3f424b;
--color-receding-night-900: #2b2e34;
--color-receding-night-950: #191a1f;
}SCSS
$receding-night: #4a4e5c;
$receding-night-rgb: 74, 78, 92;
$receding-night-light: mix(#fff, $receding-night, 20%);
$receding-night-dark: mix(#000, $receding-night, 20%);
.element {
color: $receding-night;
box-shadow: 0 0 0 2px rgba($receding-night, 0.35);
}