En yakın adlandırılmış renk · #77517F
#77517F
En yakın adlandırılmış renk: Dr Who
#77517F (rgb(119 81 127), hsl(290 22% 41%), oklch(0.494 0.084 320.5)) en çok Dr Who 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.
#77517F
oklch(0.494 0.084 320.5)
Renk dönüşümleri
- HEX
- #77517f
- RGB
- rgb(119 81 127)
- HSL
- hsl(290 22% 41%)
- HWB
- hwb(290 32% 50%)
- OKLCH
- oklch(0.494 0.084 320.5)
- OKLab
- oklab(0.494 0.065 -0.054)
- CIE Lab
- lab(40.06 22.69 -19.61)
- LCH
- lch(40.06 29.99 319.2)
- CMYK
- cmyk(6% 36% 0% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 84618B
- 917298
- 9F82A4
- AC93B1
- B9A5BE
- C7B6CB
- D5C8D8
- E3DAE5
- F1ECF2
Koyu tonlar
- 67456E
- 573A5D
- 472F4C
- 38243C
- 2A1A2D
- 1C101F
- 100711
- 050206
- 010001
Gri tonlar
- 78567F
- 795B80
- 7A5F80
- 7B6480
- 7C6980
- 7D6E80
- 7E7280
- 7F7780
- 7F7B80
Renk uyumları
Tamamlayıcı +180°
- 77517F
Dr Who
- 466D3F
≈ Under the Radar
Analog -30° +30°
- 77517F
Dr Who
- 61598E
≈ Idol
- 854D68
≈ Damson
Üçlü +120° +240°
- 77517F
Dr Who
- 7A5C21
≈ Brassy Brass
- 006F75
≈ Active Turquoise
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.42:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.26:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--dr-who: #77517f;
--dr-who-rgb: 119 81 127;
--dr-who-oklch: oklch(0.494 0.084 320.5);
}
.element {
color: var(--dr-who);
background-color: hsl(290 22% 41%);
border-color: oklch(0.494 0.084 320.5);
}Tailwind CSS v4
@theme {
--color-dr-who: #77517f;
--color-dr-who-50: #ffeeff;
--color-dr-who-100: #f6dff9;
--color-dr-who-200: #e6c9ea;
--color-dr-who-300: #cda9d1;
--color-dr-who-400: #b58ebd;
--color-dr-who-500: #9f73a9;
--color-dr-who-600: #87628f;
--color-dr-who-700: #6c4e72;
--color-dr-who-800: #4f3955;
--color-dr-who-900: #37273b;
--color-dr-who-950: #221525;
}SCSS
$dr-who: #77517f;
$dr-who-rgb: 119, 81, 127;
$dr-who-light: mix(#fff, $dr-who, 20%);
$dr-who-dark: mix(#000, $dr-who, 20%);
.element {
color: $dr-who;
box-shadow: 0 0 0 2px rgba($dr-who, 0.35);
}