Adlandırılmış renk · #54617D
Award Night
Award Night, #54617D: rgb(84 97 125), hsl(221 20% 41%), oklch(0.493 0.048 265.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Award Night color name →
#54617D
oklch(0.493 0.048 265.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 647089
- 737F96
- 848EA3
- 949DB0
- A5ADBD
- B7BDCA
- C8CDD7
- DADDE4
- EDEEF1
Koyu tonlar
- 48536C
- 3C465B
- 31394B
- 262D3B
- 1B212C
- 11151E
- 080B11
- 020305
- 000001
Gri tonlar
- 58647D
- 5D677E
- 616A7E
- 656D7F
- 6A717F
- 6E747F
- 73777F
- 777A80
- 7B7D80
Renk uyumları
Tamamlayıcı +180°
- 54617D
Award Night
- 6E5F41
≈ Olive Shadow
Analog -30° +30°
- 54617D
Award Night
- 466679
≈ Noshime Flower
- 635C7A
≈ Purple Passage
Üçlü +120° +240°
- 54617D
Award Night
- 7A5753
≈ Sequoia Dusk
- 506951
≈ Medium Grey Green
Bölünmüş tamamlayıcı +150° +210°
- 54617D
Award Night
- 775A47
≈ Moderne Class
- 606545
≈ Woodland
Dörtlü +90° +180° +270°
- 54617D
Award Night
- 785662
≈ Royal Fig
- 6E5F41
≈ Olive Shadow
- 436A60
≈ Smoke Pine
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.20:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.38:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}