Nazwany kolor · #145775
Broadway
Broadway to #145775: rgb(20 87 117), hsl(199 71% 27%), oklch(0.431 0.08 233.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Broadway color name →
#145775
oklch(0.431 0.08 233.1)
Konwersje koloru
- HEX
- #145775
- RGB
- rgb(20 87 117)
- HSL
- hsl(199 71% 27%)
- HWB
- hwb(199 8% 54%)
- OKLCH
- oklch(0.431 0.08 233.1)
- OKLab
- oklab(0.431 -0.048 -0.064)
- CIE Lab
- lab(34.12 -12.33 -23.34)
- LCH
- lch(34.12 26.4 242.2)
- CMYK
- cmyk(83% 26% 0% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 306782
- 487790
- 5E879D
- 7597AB
- 8BA8B9
- A2B9C7
- B8CAD5
- D0DCE3
- E7EDF1
Odcienie ciemniejsze
- 104B65
- 0C3E55
- 083346
- 052737
- 031C29
- 01121C
- 01080F
- 000305
- 000001
Tony
- 245B76
- 316078
- 3C6479
- 47687A
- 516C7B
- 5A707C
- 64747D
- 6D787E
- 777C7F
Harmonie kolorów
Komplementarna +180°
- 145775
Broadway
- 724322
≈ Fawn Brown
Analogowa -30° +30°
- 145775
Broadway
- 005C62
≈ Enamelled Jewel
- 384F7C
≈ High Altar
Triada +120° +240°
- 145775
Broadway
- 723C54
≈ Ruby Nights
- 505519
≈ Private Green
Komplementarna rozszczepiona +150° +210°
- 145775
Broadway
- 763D3B
≈ Sequoia Redwood
- 654B11
≈ Mud Brown
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.92:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.64:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--broadway: #145775;
--broadway-rgb: 20 87 117;
--broadway-oklch: oklch(0.431 0.08 233.1);
}
.element {
color: var(--broadway);
background-color: hsl(199 71% 27%);
border-color: oklch(0.431 0.08 233.1);
}Tailwind CSS v4
@theme {
--color-broadway: #145775;
--color-broadway-50: #e0faff;
--color-broadway-100: #cfedff;
--color-broadway-200: #b4dbf2;
--color-broadway-300: #8fbfdb;
--color-broadway-400: #6da7c7;
--color-broadway-500: #4a8fb3;
--color-broadway-600: #3f7997;
--color-broadway-700: #326179;
--color-broadway-800: #224759;
--color-broadway-900: #17313e;
--color-broadway-950: #071d28;
}SCSS
$broadway: #145775;
$broadway-rgb: 20, 87, 117;
$broadway-light: mix(#fff, $broadway, 20%);
$broadway-dark: mix(#000, $broadway, 20%);
.element {
color: $broadway;
box-shadow: 0 0 0 2px rgba($broadway, 0.35);
}