最も近い色名 · #5F6F6E
#5F6F6E
最も近い色名: Wrapped in Twilight
#5F6F6E（rgb(95 111 110)、hsl(176 8% 40%)、oklch(0.528 0.019 192)）に最も近い色名はWrapped in Twilightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5F6F6E
oklch(0.528 0.019 192)
カラー変換
- HEX
- #5f6f6e
- RGB
- rgb(95 111 110)
- HSL
- hsl(176 8% 40%)
- HWB
- hwb(176 37% 56%)
- OKLCH
- oklch(0.528 0.019 192)
- OKLab
- oklab(0.528 -0.019 -0.004)
- CIE Lab
- lab(45.48 -6.38 -1.57)
- LCH
- lch(45.48 6.57 193.8)
- CMYK
- cmyk(14% 0% 1% 56%)
ティント · シェード · トーン
ティント
- 6E7C7B
- 7D8A89
- 8C9897
- 9CA6A5
- ACB4B4
- BCC3C2
- CCD2D1
- DDE1E0
- EEF0F0
シェード
- 52605F
- 445150
- 384241
- 2C3433
- 202726
- 151A19
- 0A0E0E
- 030404
- 000101
トーン
- 627170
- 667272
- 697473
- 6C7675
- 707777
- 737979
- 767B7B
- 797D7C
- 7D7E7E
カラーハーモニー
補色 +180°
- 5F6F6E
Wrapped in Twilight
- 766768
≈ Night Skyscraper
類似色 -30° +30°
- 5F6F6E
Wrapped in Twilight
- 626F68
≈ Seraphinite
- 606E73
≈ Slate Tile
トライアド +120° +240°
- 5F6F6E
Wrapped in Twilight
- 6F6874
≈ Rum
- 726A5F
≈ Pony Express
スプリットコンプリメンタリー +150° +210°
- 5F6F6E
Wrapped in Twilight
- 74676E
≈ Rhapsody Rap
- 766863
≈ Garret Brown
テトラード +90° +180° +270°
- 5F6F6E
Wrapped in Twilight
- 696A76
≈ Warpfiend Grey
- 766768
≈ Night Skyscraper
- 6D6C5F
≈ Knit Cardigan
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.26:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.98:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--wrapped-in-twilight: #5f6f6e;
--wrapped-in-twilight-rgb: 95 111 110;
--wrapped-in-twilight-oklch: oklch(0.528 0.019 192);
}
.element {
color: var(--wrapped-in-twilight);
background-color: hsl(176 8% 40%);
border-color: oklch(0.528 0.019 192);
}Tailwind CSS v4
@theme {
--color-wrapped-in-twilight: #5f6f6e;
--color-wrapped-in-twilight-50: #eff7f7;
--color-wrapped-in-twilight-100: #e1eaea;
--color-wrapped-in-twilight-200: #cbd7d6;
--color-wrapped-in-twilight-300: #adbbba;
--color-wrapped-in-twilight-400: #92a2a1;
--color-wrapped-in-twilight-500: #788a89;
--color-wrapped-in-twilight-600: #667574;
--color-wrapped-in-twilight-700: #515e5d;
--color-wrapped-in-twilight-800: #3b4544;
--color-wrapped-in-twilight-900: #292f2f;
--color-wrapped-in-twilight-950: #161c1b;
}SCSS
$wrapped-in-twilight: #5f6f6e;
$wrapped-in-twilight-rgb: 95, 111, 110;
$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);
}