Colore con nome · #54617D
Award Night
Award Night è #54617D: rgb(84 97 125), hsl(221 20% 41%), oklch(0.493 0.048 265.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Award Night color name →
#54617D
oklch(0.493 0.048 265.3)
Conversioni di colore
- HEX
- #54617d
- RGB
- rgb(84 97 125)
- HSL
- hsl(221 20% 41%)
- HWB
- hwb(221 33% 51%)
- OKLCH
- oklch(0.493 0.048 265.3)
- OKLab
- oklab(0.493 -0.004 -0.048)
- CIE Lab
- lab(40.87 0.29 -17.53)
- LCH
- lch(40.87 17.54 270.9)
- CMYK
- cmyk(33% 22% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 647089
- 737F96
- 848EA3
- 949DB0
- A5ADBD
- B7BDCA
- C8CDD7
- DADDE4
- EDEEF1
Ombre
- 48536C
- 3C465B
- 31394B
- 262D3B
- 1B212C
- 11151E
- 080B11
- 020305
- 000001
Toni
- 58647D
- 5D677E
- 616A7E
- 656D7F
- 6A717F
- 6E747F
- 73777F
- 777A80
- 7B7D80
Armonie di colore
Complementare +180°
- 54617D
Award Night
- 6E5F41
≈ Olive Shadow
Analogo -30° +30°
- 54617D
Award Night
- 466679
≈ Noshime Flower
- 635C7A
≈ Purple Passage
Triadico +120° +240°
- 54617D
Award Night
- 7A5753
≈ Sequoia Dusk
- 506951
≈ Medium Grey Green
Complementare divisa +150° +210°
- 54617D
Award Night
- 775A47
≈ Moderne Class
- 606545
≈ Woodland
Tetradico +90° +180° +270°
- 54617D
Award Night
- 785662
≈ Royal Fig
- 6E5F41
≈ Olive Shadow
- 436A60
≈ Smoke Pine
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.20:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.38:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--award-night: #54617d;
--award-night-rgb: 84 97 125;
--award-night-oklch: oklch(0.493 0.048 265.3);
}
.element {
color: var(--award-night);
background-color: hsl(221 20% 41%);
border-color: oklch(0.493 0.048 265.3);
}Tailwind CSS v4
@theme {
--color-award-night: #54617d;
--color-award-night-50: #eff5ff;
--color-award-night-100: #e1e8f9;
--color-award-night-200: #cbd4e9;
--color-award-night-300: #acb7d1;
--color-award-night-400: #919ebc;
--color-award-night-500: #7786a7;
--color-award-night-600: #65718d;
--color-award-night-700: #505b71;
--color-award-night-800: #3a4353;
--color-award-night-900: #282e3a;
--color-award-night-950: #161b24;
}SCSS
$award-night: #54617d;
$award-night-rgb: 84, 97, 125;
$award-night-light: mix(#fff, $award-night, 20%);
$award-night-dark: mix(#000, $award-night, 20%);
.element {
color: $award-night;
box-shadow: 0 0 0 2px rgba($award-night, 0.35);
}