最も近い色名 · #5C7071
#5C7071
最も近い色名: Wrapped in Twilight
#5C7071（rgb(92 112 113)、hsl(183 10% 40%)、oklch(0.529 0.024 200.2)）に最も近い色名はWrapped in Twilightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5C7071
oklch(0.529 0.024 200.2)
カラー変換
- HEX
- #5c7071
- RGB
- rgb(92 112 113)
- HSL
- hsl(183 10% 40%)
- HWB
- hwb(183 36% 56%)
- OKLCH
- oklch(0.529 0.024 200.2)
- OKLab
- oklab(0.529 -0.022 -0.008)
- CIE Lab
- lab(45.63 -7.51 -3.17)
- LCH
- lch(45.63 8.15 202.9)
- CMYK
- cmyk(19% 1% 0% 56%)
ティント · シェード · トーン
ティント
- 6B7D7E
- 7A8B8C
- 8A9999
- 9AA7A7
- AAB5B5
- BBC3C4
- CBD2D2
- DCE1E1
- EEF0F0
シェード
- 4F6061
- 425152
- 364343
- 2A3535
- 1F2727
- 141A1A
- 0A0E0E
- 030404
- 000101
トーン
- 607272
- 637374
- 677575
- 6B7677
- 6E7878
- 727A7A
- 757B7B
- 797D7D
- 7C7E7E
カラーハーモニー
補色 +180°
- 5C7071
Wrapped in Twilight
- 796666
≈ Paradise Grape
類似色 -30° +30°
- 5C7071
Wrapped in Twilight
- 5E7069
≈ Rocky River
- 5E6E77
≈ NYPD
トライアド +120° +240°
- 5C7071
Wrapped in Twilight
- 726774
≈ Rum
- 736A5C
≈ Toasted Walnut
スプリットコンプリメンタリー +150° +210°
- 5C7071
Wrapped in Twilight
- 77666D
≈ Rhapsody Rap
- 78685F
≈ Sea Elephant
テトラード +90° +180° +270°
- 5C7071
Wrapped in Twilight
- 6B6979
≈ Wind Cave
- 796666
≈ Paradise Grape
- 6C6D5D
≈ Coastline Trail
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--wrapped-in-twilight: #5c7071;
--wrapped-in-twilight-rgb: 92 112 113;
--wrapped-in-twilight-oklch: oklch(0.529 0.024 200.2);
}
.element {
color: var(--wrapped-in-twilight);
background-color: hsl(183 10% 40%);
border-color: oklch(0.529 0.024 200.2);
}Tailwind CSS v4
@theme {
--color-wrapped-in-twilight: #5c7071;
--color-wrapped-in-twilight-50: #eef7f8;
--color-wrapped-in-twilight-100: #dfeaeb;
--color-wrapped-in-twilight-200: #c9d7d8;
--color-wrapped-in-twilight-300: #aabbbd;
--color-wrapped-in-twilight-400: #8fa3a4;
--color-wrapped-in-twilight-500: #748b8c;
--color-wrapped-in-twilight-600: #637677;
--color-wrapped-in-twilight-700: #4f5e5f;
--color-wrapped-in-twilight-800: #394545;
--color-wrapped-in-twilight-900: #273030;
--color-wrapped-in-twilight-950: #151c1c;
}SCSS
$wrapped-in-twilight: #5c7071;
$wrapped-in-twilight-rgb: 92, 112, 113;
$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);
}