最も近い色名 · #02837C
#02837C
最も近い色名: Windows 95 Desktop
#02837C（rgb(2 131 124)、hsl(177 97% 26%)、oklch(0.55 0.095 188.2)）に最も近い色名はWindows 95 Desktopです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#02837C
oklch(0.55 0.095 188.2)
カラー変換
- HEX
- #02837c
- RGB
- rgb(2 131 124)
- HSL
- hsl(177 97% 26%)
- HWB
- hwb(177 1% 49%)
- OKLCH
- oklch(0.55 0.095 188.2)
- OKLab
- oklab(0.55 -0.094 -0.014)
- CIE Lab
- lab(48.89 -32.51 -5.3)
- LCH
- lch(48.89 32.94 189.3)
- CMYK
- cmyk(98% 0% 5% 49%)
ティント · シェード · トーン
ティント
- 348F88
- 4F9B95
- 67A7A1
- 7EB4AE
- 94C0BB
- A9CDC9
- BFD9D6
- D4E6E3
- E9F2F1
シェード
- 01716B
- 01605A
- 014F4A
- 003F3B
- 002F2C
- 00201E
- 001211
- 000605
- 000101
トーン
- 24837C
- 36837D
- 43837D
- 4E827E
- 58827E
- 61827E
- 69827F
- 71817F
- 798180
カラーハーモニー
補色 +180°
- 02837C
Windows 95 Desktop
- A05967
≈ Beef Jerky
類似色 -30° +30°
- 02837C
Windows 95 Desktop
- 39825C
≈ Adamite Green
- 117E96
≈ Pacific Pleasure
トライアド +120° +240°
- 02837C
Windows 95 Desktop
- 81629C
≈ Jubilee
- 96662D
≈ Retrofit
スプリットコンプリメンタリー +150° +210°
- 02837C
Windows 95 Desktop
- 955B85
≈ Antique Fuchsia
- A15D47
≈ Sierra
テトラード +90° +180° +270°
- 02837C
Windows 95 Desktop
- 656BA8
≈ Twinkle Night
- A05967
≈ Beef Jerky
- 807227
≈ Wood Garlic
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.62:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.54:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--windows-95-desktop: #02837c;
--windows-95-desktop-rgb: 2 131 124;
--windows-95-desktop-oklch: oklch(0.55 0.095 188.2);
}
.element {
color: var(--windows-95-desktop);
background-color: hsl(177 97% 26%);
border-color: oklch(0.55 0.095 188.2);
}Tailwind CSS v4
@theme {
--color-windows-95-desktop: #02837c;
--color-windows-95-desktop-50: #d7fffb;
--color-windows-95-desktop-100: #c5f3ef;
--color-windows-95-desktop-200: #a5e2dd;
--color-windows-95-desktop-300: #7bc7c2;
--color-windows-95-desktop-400: #52b1a9;
--color-windows-95-desktop-500: #139a92;
--color-windows-95-desktop-600: #17827c;
--color-windows-95-desktop-700: #136863;
--color-windows-95-desktop-800: #0c4d47;
--color-windows-95-desktop-900: #083531;
--color-windows-95-desktop-950: #00201d;
}SCSS
$windows-95-desktop: #02837c;
$windows-95-desktop-rgb: 2, 131, 124;
$windows-95-desktop-light: mix(#fff, $windows-95-desktop, 20%);
$windows-95-desktop-dark: mix(#000, $windows-95-desktop, 20%);
.element {
color: $windows-95-desktop;
box-shadow: 0 0 0 2px rgba($windows-95-desktop, 0.35);
}