色名 · #384351
Starlit Eve
Starlit Eveは#384351：rgb(56 67 81)、hsl(214 18% 27%)、oklch(0.379 0.028 254.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Starlit Eve color name →
#384351
oklch(0.379 0.028 254.6)
カラー変換
- HEX
- #384351
- RGB
- rgb(56 67 81)
- HSL
- hsl(214 18% 27%)
- HWB
- hwb(214 22% 68%)
- OKLCH
- oklch(0.379 0.028 254.6)
- OKLab
- oklab(0.379 -0.007 -0.027)
- CIE Lab
- lab(27.85 -1.78 -10.02)
- LCH
- lch(27.85 10.18 259.9)
- CMYK
- cmyk(31% 17% 0% 68%)
ティント · シェード · トーン
ティント
- 495461
- 5C6571
- 6E7782
- 828993
- 959CA4
- AAAFB6
- BEC2C7
- D4D6DA
- E9EAEC
シェード
- 2F3945
- 272F3A
- 1F262F
- 171D24
- 0F141A
- 080C10
- 040507
- 010102
- 000000
トーン
- 3F4956
- 464F5A
- 4D555F
- 545B64
- 5B6168
- 62676D
- 6A6D72
- 717376
- 787A7B
カラーハーモニー
補色 +180°
- 384351
Starlit Eve
- 4B4031
≈ Mineral Brown
類似色 -30° +30°
- 384351
Starlit Eve
- 32454D
≈ Gale Force
- 404051
≈ Blueberry Tart
トライアド +120° +240°
- 384351
Starlit Eve
- 503C3D
≈ Magenta Ink
- 3C4636
≈ Arame Seaweed Green
スプリットコンプリメンタリー +150° +210°
- 384351
Starlit Eve
- 4F3E36
≈ Obsidian Brown
- 444332
≈ Garden Path
テトラード +90° +180° +270°
- 384351
Starlit Eve
- 4D3C46
≈ Funkie Friday
- 4B4031
≈ Mineral Brown
- 34473E
≈ Government Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.04:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.08:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.04:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--starlit-eve: #384351;
--starlit-eve-rgb: 56 67 81;
--starlit-eve-oklch: oklch(0.379 0.028 254.6);
}
.element {
color: var(--starlit-eve);
background-color: hsl(214 18% 27%);
border-color: oklch(0.379 0.028 254.6);
}Tailwind CSS v4
@theme {
--color-starlit-eve: #384351;
--color-starlit-eve-50: #f0f6fd;
--color-starlit-eve-100: #e2e8f1;
--color-starlit-eve-200: #cdd5e0;
--color-starlit-eve-300: #aeb8c6;
--color-starlit-eve-400: #93a0af;
--color-starlit-eve-500: #7a8799;
--color-starlit-eve-600: #677381;
--color-starlit-eve-700: #525c68;
--color-starlit-eve-800: #3c434c;
--color-starlit-eve-900: #292e35;
--color-starlit-eve-950: #171b20;
}SCSS
$starlit-eve: #384351;
$starlit-eve-rgb: 56, 67, 81;
$starlit-eve-light: mix(#fff, $starlit-eve, 20%);
$starlit-eve-dark: mix(#000, $starlit-eve, 20%);
.element {
color: $starlit-eve;
box-shadow: 0 0 0 2px rgba($starlit-eve, 0.35);
}