이름 색상 · #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);
}