Nazwany kolor · #BD6426
Opening Night
Opening Night to #BD6426: rgb(189 100 38), hsl(25 67% 45%), oklch(0.597 0.135 51.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Opening Night color name →
#BD6426
oklch(0.597 0.135 51.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C57440
- CC8357
- D4936C
- DBA281
- E2B296
- E8C1AB
- EED0C0
- F4E0D4
- FAEFEA
Odcienie ciemniejsze
- A45620
- 8C4819
- 743B13
- 5D2E0D
- 472208
- 331604
- 1F0B02
- 0D0301
- 020000
Tony
- B86834
- B26B3F
- AC6F49
- A77252
- A1745A
- 9B7762
- 947A6A
- 8E7C72
- 877E79
Harmonie kolorów
Komplementarna +180°
- BD6426
Opening Night
- 008BBA
≈ Hawaiian Surf
Analogowa -30° +30°
- BD6426
Opening Night
- C35A5B
≈ Pimm’s
- A47600
≈ Nataneyu Gold
Triada +120° +240°
- BD6426
Opening Night
- 009576
≈ Pool Table
- 816EC9
≈ Venus Violet
Komplementarna rozszczepiona +150° +210°
- BD6426
Opening Night
- 009199
≈ Splashy
- 507DCF
≈ Serenity’s Reign
Tetrada +90° +180° +270°
- BD6426
Opening Night
- 4C9342
≈ May Green
- 008BBA
≈ Hawaiian Surf
- A462B0
≈ Prickly Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.18:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.01:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
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);
}