이름 색상 · #BD6426
Opening Night
Opening Night은(는) #BD6426: rgb(189 100 38), hsl(25 67% 45%), oklch(0.597 0.135 51.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Opening Night color name →
#BD6426
oklch(0.597 0.135 51.3)
색상 변환
- HEX
- #bd6426
- RGB
- rgb(189 100 38)
- HSL
- hsl(25 67% 45%)
- HWB
- hwb(25 15% 26%)
- OKLCH
- oklch(0.597 0.135 51.3)
- OKLab
- oklab(0.597 0.085 0.106)
- CIE Lab
- lab(52.48 33.44 49.47)
- LCH
- lch(52.48 59.71 55.9)
- CMYK
- cmyk(0% 47% 80% 26%)
틴트 · 셰이드 · 톤
틴트
- C57440
- CC8357
- D4936C
- DBA281
- E2B296
- E8C1AB
- EED0C0
- F4E0D4
- FAEFEA
셰이드
- A45620
- 8C4819
- 743B13
- 5D2E0D
- 472208
- 331604
- 1F0B02
- 0D0301
- 020000
톤
- B86834
- B26B3F
- AC6F49
- A77252
- A1745A
- 9B7762
- 947A6A
- 8E7C72
- 877E79
색 조화
보색 +180°
- BD6426
Opening Night
- 008BBA
≈ Hawaiian Surf
유사색 -30° +30°
- BD6426
Opening Night
- C35A5B
≈ Pimm’s
- A47600
≈ Nataneyu Gold
삼각 배색 +120° +240°
- BD6426
Opening Night
- 009576
≈ Pool Table
- 816EC9
≈ Venus Violet
분열 보색 +150° +210°
- BD6426
Opening Night
- 009199
≈ Splashy
- 507DCF
≈ Serenity’s Reign
사각 배색 +90° +180° +270°
- BD6426
Opening Night
- 4C9342
≈ May Green
- 008BBA
≈ Hawaiian Surf
- A462B0
≈ Prickly Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.18:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.01:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--opening-night: #bd6426;
--opening-night-rgb: 189 100 38;
--opening-night-oklch: oklch(0.597 0.135 51.3);
}
.element {
color: var(--opening-night);
background-color: hsl(25 67% 45%);
border-color: oklch(0.597 0.135 51.3);
}Tailwind CSS v4
@theme {
--color-opening-night: #bd6426;
--color-opening-night-50: #ffebd2;
--color-opening-night-100: #ffdcbe;
--color-opening-night-200: #ffc59e;
--color-opening-night-300: #eea474;
--color-opening-night-400: #dd854e;
--color-opening-night-500: #ca671d;
--color-opening-night-600: #ab581c;
--color-opening-night-700: #894617;
--color-opening-night-800: #673210;
--color-opening-night-900: #48220a;
--color-opening-night-950: #2f1100;
}SCSS
$opening-night: #bd6426;
$opening-night-rgb: 189, 100, 38;
$opening-night-light: mix(#fff, $opening-night, 20%);
$opening-night-dark: mix(#000, $opening-night, 20%);
.element {
color: $opening-night;
box-shadow: 0 0 0 2px rgba($opening-night, 0.35);
}