Warna bernama · #2E2D30
Dark Onyx
Dark Onyx adalah #2E2D30: rgb(46 45 48), hsl(260 3% 18%), oklch(0.299 0.006 301.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Dark Onyx color name →
#2E2D30
oklch(0.299 0.006 301.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 403F42
- 535254
- 666568
- 7A7A7C
- 8F8F90
- A5A4A6
- BABABB
- D1D1D1
- E8E8E8
Shade
- 272628
- 1F1F21
- 18181A
- 121113
- 0B0B0C
- 060606
- 020203
- 010101
- 000000
Tone
- 363537
- 3D3C3F
- 454447
- 4D4C4E
- 555556
- 5E5D5E
- 666667
- 6F6E6F
- 777777
Harmoni warna
Komplementer +180°
- 2E2D30
Dark Onyx
- 2D2E2B
≈ Carbon Fibre
Analog -30° +30°
- 2E2D30
Dark Onyx
- 2D2E30
≈ Dark Onyx
- 2F2D2F
≈ Dark Onyx
Triadik +120° +240°
- 2E2D30
Dark Onyx
- 302D2B
≈ Diesel
- 2B2F2E
≈ Carbon Fibre
Split-komplementer +150° +210°
- 2E2D30
Dark Onyx
- 2F2E2B
≈ Carbon Fibre
- 2C2E2C
≈ Carbon Fibre
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 13.68:1 · APCA Lc 100
Ag
FailDi atas hitam
WCAG 1.53:1 · APCA Lc 0
Warna teks terbaik: #FFFFFF
WCAG 13.68:1 (AAA) · APCA Lc 100
Contrast pairs
Cuplikan kode
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);
}