最も近い色名 · #587074
#587074
最も近い色名: Wrapped in Twilight
#587074（rgb(88 112 116)、hsl(189 14% 40%)、oklch(0.527 0.029 208.8)）に最も近い色名はWrapped in Twilightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#587074
oklch(0.527 0.029 208.8)
カラー変換
- HEX
- #587074
- RGB
- rgb(88 112 116)
- HSL
- hsl(189 14% 40%)
- HWB
- hwb(189 35% 55%)
- OKLCH
- oklch(0.527 0.029 208.8)
- OKLab
- oklab(0.527 -0.025 -0.014)
- CIE Lab
- lab(45.42 -8.41 -5.3)
- LCH
- lch(45.42 9.94 212.2)
- CMYK
- cmyk(24% 3% 0% 55%)
ティント · シェード · トーン
ティント
- 687D81
- 778B8E
- 87999C
- 98A7A9
- A8B5B7
- B9C3C5
- CAD2D3
- DCE1E2
- EDF0F0
シェード
- 4B6064
- 3F5154
- 334345
- 283537
- 1D2729
- 121A1B
- 090E0F
- 030405
- 000101
トーン
- 5C7275
- 607376
- 647578
- 687679
- 6C787A
- 707A7B
- 747B7C
- 787D7E
- 7C7E7F
カラーハーモニー
補色 +180°
- 587074
Wrapped in Twilight
- 7B6562
≈ Deep Taupe
類似色 -30° +30°
- 587074
Wrapped in Twilight
- 59716B
≈ Noble Fir
- 5C6E7A
≈ Smoky Pitch
トライアド +120° +240°
- 587074
Wrapped in Twilight
- 756573
≈ Burnt Ash
- 726A58
≈ Toasted Walnut
スプリットコンプリメンタリー +150° +210°
- 587074
Wrapped in Twilight
- 7A646B
≈ Ephemera
- 78675B
≈ Braid
テトラード +90° +180° +270°
- 587074
Wrapped in Twilight
- 6D687A
≈ Rum
- 7B6562
≈ Deep Taupe
- 696E5B
≈ Laurel Garland
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.27:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.98:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--wrapped-in-twilight: #587074;
--wrapped-in-twilight-rgb: 88 112 116;
--wrapped-in-twilight-oklch: oklch(0.527 0.029 208.8);
}
.element {
color: var(--wrapped-in-twilight);
background-color: hsl(189 14% 40%);
border-color: oklch(0.527 0.029 208.8);
}Tailwind CSS v4
@theme {
--color-wrapped-in-twilight: #587074;
--color-wrapped-in-twilight-50: #ecf8fa;
--color-wrapped-in-twilight-100: #deebed;
--color-wrapped-in-twilight-200: #c7d8db;
--color-wrapped-in-twilight-300: #a7bcc0;
--color-wrapped-in-twilight-400: #8ba4a8;
--color-wrapped-in-twilight-500: #708c90;
--color-wrapped-in-twilight-600: #5f767a;
--color-wrapped-in-twilight-700: #4c5f62;
--color-wrapped-in-twilight-800: #374547;
--color-wrapped-in-twilight-900: #263031;
--color-wrapped-in-twilight-950: #141c1d;
}SCSS
$wrapped-in-twilight: #587074;
$wrapped-in-twilight-rgb: 88, 112, 116;
$wrapped-in-twilight-light: mix(#fff, $wrapped-in-twilight, 20%);
$wrapped-in-twilight-dark: mix(#000, $wrapped-in-twilight, 20%);
.element {
color: $wrapped-in-twilight;
box-shadow: 0 0 0 2px rgba($wrapped-in-twilight, 0.35);
}