En yakın adlandırılmış renk · #72597E
#72597E
En yakın adlandırılmış renk: Dr Who
#72597E (rgb(114 89 126), hsl(281 17% 42%), oklch(0.503 0.065 314.6)) 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.
#72597E
oklch(0.503 0.065 314.6)
Renk dönüşümleri
- HEX
- #72597e
- RGB
- rgb(114 89 126)
- HSL
- hsl(281 17% 42%)
- HWB
- hwb(281 35% 51%)
- OKLCH
- oklch(0.503 0.065 314.6)
- OKLab
- oklab(0.503 0.045 -0.046)
- CIE Lab
- lab(41.49 16.07 -16.9)
- LCH
- lch(41.49 23.32 313.6)
- CMYK
- cmyk(10% 29% 0% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7F688A
- 8D7897
- 9A88A3
- A898B0
- B6A9BD
- C4B9CA
- D3CAD7
- E1DCE4
- F0EDF2
Koyu tonlar
- 624C6D
- 53405C
- 44344C
- 36283C
- 281D2D
- 1B131F
- 0E0911
- 040305
- 010001
Gri tonlar
- 735D7E
- 75617F
- 76657F
- 78697F
- 796D7F
- 7B7180
- 7C7480
- 7D7880
- 7F7C80
Renk uyumları
Tamamlayıcı +180°
- 72597E
Dr Who
- 546D47
≈ Graceland Grass
Analog -30° +30°
- 72597E
Dr Who
- 605F88
≈ Majestic Purple
- 7F556D
≈ Magnificence
Üçlü +120° +240°
- 72597E
Dr Who
- 7A5F39
≈ Queen Lioness
- 30706F
≈ Jungle Noises
Bölünmüş tamamlayıcı +150° +210°
- 72597E
Dr Who
- 6A6639
≈ Jungle Civilization
- 3E705B
≈ Foliage Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.09:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.44:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--dr-who: #72597e;
--dr-who-rgb: 114 89 126;
--dr-who-oklch: oklch(0.503 0.065 314.6);
}
.element {
color: var(--dr-who);
background-color: hsl(281 17% 42%);
border-color: oklch(0.503 0.065 314.6);
}Tailwind CSS v4
@theme {
--color-dr-who: #72597e;
--color-dr-who-50: #fdf0ff;
--color-dr-who-100: #f1e2f7;
--color-dr-who-200: #e0cce7;
--color-dr-who-300: #c5aece;
--color-dr-who-400: #ad93b9;
--color-dr-who-500: #9679a4;
--color-dr-who-600: #7f678b;
--color-dr-who-700: #66526f;
--color-dr-who-800: #4a3c53;
--color-dr-who-900: #33293a;
--color-dr-who-950: #1f1724;
}SCSS
$dr-who: #72597e;
$dr-who-rgb: 114, 89, 126;
$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);
}