가장 가까운 이름 색상 · #00262E
#00262E
가장 가까운 이름 색상: Black Box
#00262E(rgb(0 38 46), hsl(190 100% 9%), oklch(0.247 0.044 215.2))와 가장 가까운 이름 색상은 Black Box입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00262E
oklch(0.247 0.044 215.2)
색상 변환
- HEX
- #00262e
- RGB
- rgb(0 38 46)
- HSL
- hsl(190 100% 9%)
- HWB
- hwb(190 0% 82%)
- OKLCH
- oklch(0.247 0.044 215.2)
- OKLab
- oklab(0.247 -0.036 -0.025)
- CIE Lab
- lab(12.95 -10.99 -9.27)
- LCH
- lch(12.95 14.38 220.2)
- CMYK
- cmyk(100% 17% 0% 82%)
틴트 · 셰이드 · 톤
틴트
- 193940
- 314C53
- 486067
- 60757B
- 798B90
- 92A1A5
- ADB8BB
- C8CFD1
- E3E7E8
셰이드
- 002027
- 00191F
- 001318
- 000D12
- 00080B
- 000406
- 000202
- 000101
- 000000
톤
- 0E2E36
- 1C373D
- 284045
- 35484D
- 415156
- 4D5A5E
- 5A6466
- 666D6F
- 737677
색 조화
보색 +180°
- 00262E
Black Box
- 331912
≈ Darkroom
유사색 -30° +30°
- 00262E
Black Box
- 002824
≈ Deep Slate Green
- 0D2334
≈ Fog of War
삼각 배색 +120° +240°
- 00262E
Black Box
- 2E1929
≈ Black Cherry
- 272105
≈ Liquorice Root
분열 보색 +150° +210°
- 00262E
Black Box
- 32181E
≈ Tamarind
- 2F1C08
≈ Powdered Cocoa
사각 배색 +90° +180° +270°
- 00262E
Black Box
- 261B32
≈ Black Howl
- 331912
≈ Darkroom
- 1C250C
≈ Midnight Pines
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.94:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.31:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.94:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--black-box: #00262e;
--black-box-rgb: 0 38 46;
--black-box-oklch: oklch(0.247 0.044 215.2);
}
.element {
color: var(--black-box);
background-color: hsl(190 100% 9%);
border-color: oklch(0.247 0.044 215.2);
}Tailwind CSS v4
@theme {
--color-black-box: #00262e;
--color-black-box-50: #e8f9fd;
--color-black-box-100: #d9ecf2;
--color-black-box-200: #c0d9e1;
--color-black-box-300: #9fbdc6;
--color-black-box-400: #82a5af;
--color-black-box-500: #658e98;
--color-black-box-600: #557881;
--color-black-box-700: #446067;
--color-black-box-800: #31474b;
--color-black-box-900: #213134;
--color-black-box-950: #101d20;
}SCSS
$black-box: #00262e;
$black-box-rgb: 0, 38, 46;
$black-box-light: mix(#fff, $black-box, 20%);
$black-box-dark: mix(#000, $black-box, 20%);
.element {
color: $black-box;
box-shadow: 0 0 0 2px rgba($black-box, 0.35);
}