色名 · #2E2D30
Dark Onyx
Dark Onyxは#2E2D30：rgb(46 45 48)、hsl(260 3% 18%)、oklch(0.299 0.006 301.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Dark Onyx color name →
#2E2D30
oklch(0.299 0.006 301.2)
カラー変換
- HEX
- #2e2d30
- RGB
- rgb(46 45 48)
- HSL
- hsl(260 3% 18%)
- HWB
- hwb(260 18% 81%)
- OKLCH
- oklch(0.299 0.006 301.2)
- OKLab
- oklab(0.299 0.003 -0.005)
- CIE Lab
- lab(18.66 1 -1.77)
- LCH
- lch(18.66 2.04 299.4)
- CMYK
- cmyk(4% 6% 0% 81%)
ティント · シェード · トーン
ティント
- 403F42
- 535254
- 666568
- 7A7A7C
- 8F8F90
- A5A4A6
- BABABB
- D1D1D1
- E8E8E8
シェード
- 272628
- 1F1F21
- 18181A
- 121113
- 0B0B0C
- 060606
- 020203
- 010101
- 000000
トーン
- 363537
- 3D3C3F
- 454447
- 4D4C4E
- 555556
- 5E5D5E
- 666667
- 6F6E6F
- 777777
カラーハーモニー
補色 +180°
- 2E2D30
Dark Onyx
- 2D2E2B
≈ Carbon Fibre
類似色 -30° +30°
- 2E2D30
Dark Onyx
- 2D2E30
≈ Dark Onyx
- 2F2D2F
≈ Dark Onyx
トライアド +120° +240°
- 2E2D30
Dark Onyx
- 302D2B
≈ Diesel
- 2B2F2E
≈ Carbon Fibre
スプリットコンプリメンタリー +150° +210°
- 2E2D30
Dark Onyx
- 2F2E2B
≈ Carbon Fibre
- 2C2E2C
≈ Carbon Fibre
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.68:1 · APCA Lc 100
Ag
Fail黒の上
WCAG 1.53:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.68:1 (AAA) · APCA Lc 100
Contrast pairs
コードスニペット
CSS
:root {
--dark-onyx: #2e2d30;
--dark-onyx-rgb: 46 45 48;
--dark-onyx-oklch: oklch(0.299 0.006 301.2);
}
.element {
color: var(--dark-onyx);
background-color: hsl(260 3% 18%);
border-color: oklch(0.299 0.006 301.2);
}Tailwind CSS v4
@theme {
--color-dark-onyx: #2e2d30;
--color-dark-onyx-50: #f5f5f6;
--color-dark-onyx-100: #e8e7e9;
--color-dark-onyx-200: #d4d4d6;
--color-dark-onyx-300: #b8b7ba;
--color-dark-onyx-400: #9f9ea1;
--color-dark-onyx-500: #878589;
--color-dark-onyx-600: #727174;
--color-dark-onyx-700: #5b5a5d;
--color-dark-onyx-800: #424244;
--color-dark-onyx-900: #2e2d2f;
--color-dark-onyx-950: #1b1a1c;
}SCSS
$dark-onyx: #2e2d30;
$dark-onyx-rgb: 46, 45, 48;
$dark-onyx-light: mix(#fff, $dark-onyx, 20%);
$dark-onyx-dark: mix(#000, $dark-onyx, 20%);
.element {
color: $dark-onyx;
box-shadow: 0 0 0 2px rgba($dark-onyx, 0.35);
}