En yakın adlandırılmış renk · #502F86
#502F86
En yakın adlandırılmış renk: Night Fever
#502F86 (rgb(80 47 134), hsl(263 48% 35%), oklch(0.394 0.139 297)) en çok Night Fever adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#502F86
oklch(0.394 0.139 297)
Renk dönüşümleri
- HEX
- #502f86
- RGB
- rgb(80 47 134)
- HSL
- hsl(263 48% 35%)
- HWB
- hwb(263 18% 47%)
- OKLCH
- oklch(0.394 0.139 297)
- OKLab
- oklab(0.394 0.063 -0.124)
- CIE Lab
- lab(27.48 30.67 -44.1)
- LCH
- lch(27.48 53.72 304.8)
- CMYK
- cmyk(40% 65% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F4493
- 6F589F
- 7F6CAC
- 9081B8
- A295C4
- B4AAD0
- C6BEDC
- D9D4E8
- ECE9F3
Koyu tonlar
- 442774
- 392062
- 2E1951
- 241240
- 1A0C30
- 100621
- 070313
- 020106
- 000001
Gri tonlar
- 543986
- 594186
- 5D4A86
- 625286
- 665A85
- 6B6285
- 706984
- 757183
- 7B7982
Renk uyumları
Tamamlayıcı +180°
- 502F86
Night Fever
- 434C00
≈ No Emissions Green
Analog -30° +30°
- 502F86
Night Fever
- 253E90
≈ Navy Seal
- 6B226C
≈ New Riders of the Purple Sage
Üçlü +120° +240°
- 502F86
Night Fever
- 6B3600
≈ Nutmeg Wood Finish
- 005345
≈ Tetsu Green
Bölünmüş tamamlayıcı +150° +210°
- 502F86
Night Fever
- 594300
≈ Sugarloaf Brown
- 00561B
≈ Jungle Jam
Dörtlü +90° +180° +270°
- 502F86
Night Fever
- 811917
≈ Falu Red
- 434C00
≈ No Emissions Green
- 005059
≈ Kali Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.03:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.09:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 10.03:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--night-fever: #502f86;
--night-fever-rgb: 80 47 134;
--night-fever-oklch: oklch(0.394 0.139 297);
}
.element {
color: var(--night-fever);
background-color: hsl(263 48% 35%);
border-color: oklch(0.394 0.139 297);
}Tailwind CSS v4
@theme {
--color-night-fever: #502f86;
--color-night-fever-50: #faedff;
--color-night-fever-100: #eedeff;
--color-night-fever-200: #dcc8ff;
--color-night-fever-300: #c1a7f5;
--color-night-fever-400: #a78ce6;
--color-night-fever-500: #916fd6;
--color-night-fever-600: #7b5eb4;
--color-night-fever-700: #624b91;
--color-night-fever-800: #46376d;
--color-night-fever-900: #31264d;
--color-night-fever-950: #1d1433;
}SCSS
$night-fever: #502f86;
$night-fever-rgb: 80, 47, 134;
$night-fever-light: mix(#fff, $night-fever, 20%);
$night-fever-dark: mix(#000, $night-fever, 20%);
.element {
color: $night-fever;
box-shadow: 0 0 0 2px rgba($night-fever, 0.35);
}