Nächste benannte Farbe · #76547F
#76547F
Nächste benannte Farbe: Dr Who
#76547F (rgb(118 84 127), hsl(287 20% 41%), oklch(0.498 0.078 319.1)) liegt am nächsten an der benannten Farbe Dr Who. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#76547F
oklch(0.498 0.078 319.1)
Farbumrechnungen
- HEX
- #76547f
- RGB
- rgb(118 84 127)
- HSL
- hsl(287 20% 41%)
- HWB
- hwb(287 33% 50%)
- OKLCH
- oklch(0.498 0.078 319.1)
- OKLab
- oklab(0.498 0.059 -0.051)
- CIE Lab
- lab(40.69 20.61 -18.66)
- LCH
- lch(40.69 27.8 317.8)
- CMYK
- cmyk(7% 34% 0% 50%)
Tints · Shades · Tones
Tints
- 83648B
- 907498
- 9E85A4
- AB95B1
- B9A6BE
- C7B7CB
- D4C9D8
- E2DBE5
- F1EDF2
Shades
- 66486E
- 563C5D
- 47314C
- 38263C
- 291B2D
- 1C111F
- 0F0811
- 050206
- 010001
Tones
- 77597F
- 785D80
- 796180
- 7A6680
- 7B6A80
- 7C6F80
- 7D7380
- 7E7780
- 7F7C80
Farbharmonien
Komplementär +180°
- 76547F
Dr Who
- 4B6E42
≈ Pine Scent
Analog -30° +30°
- 76547F
Dr Who
- 615B8D
≈ Idol
- 84506A
≈ Raspberry Crush
Triadisch +120° +240°
- 76547F
Dr Who
- 7B5D2A
≈ Breen
- 187074
≈ Marine Wonder
Geteilt komplementär +150° +210°
- 76547F
Dr Who
- 66662E
≈ Gretchin Green
- 2D715B
≈ Nordic Forest
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.27:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.34:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--dr-who: #76547f;
--dr-who-rgb: 118 84 127;
--dr-who-oklch: oklch(0.498 0.078 319.1);
}
.element {
color: var(--dr-who);
background-color: hsl(287 20% 41%);
border-color: oklch(0.498 0.078 319.1);
}Tailwind CSS v4
@theme {
--color-dr-who: #76547f;
--color-dr-who-50: #ffeeff;
--color-dr-who-100: #f4e0f8;
--color-dr-who-200: #e4cae9;
--color-dr-who-300: #caabd0;
--color-dr-who-400: #b390bc;
--color-dr-who-500: #9d75a7;
--color-dr-who-600: #84648d;
--color-dr-who-700: #6a4f71;
--color-dr-who-800: #4d3a54;
--color-dr-who-900: #36283b;
--color-dr-who-950: #211625;
}SCSS
$dr-who: #76547f;
$dr-who-rgb: 118, 84, 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);
}