Nächste benannte Farbe · #74537E
#74537E
Nächste benannte Farbe: Dr Who
#74537E (rgb(116 83 126), hsl(286 21% 41%), oklch(0.494 0.078 318.2)) liegt am nächsten an der benannten Farbe Dr Who. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#74537E
oklch(0.494 0.078 318.2)
Farbumrechnungen
- HEX
- #74537e
- RGB
- rgb(116 83 126)
- HSL
- hsl(286 21% 41%)
- HWB
- hwb(286 33% 51%)
- OKLCH
- oklch(0.494 0.078 318.2)
- OKLab
- oklab(0.494 0.058 -0.052)
- CIE Lab
- lab(40.17 20.27 -18.88)
- LCH
- lch(40.17 27.7 317)
- CMYK
- cmyk(8% 34% 0% 51%)
Tints · Shades · Tones
Tints
- 81638A
- 8F7397
- 9C84A4
- AA95B0
- B8A6BD
- C6B7CA
- D4C9D7
- E2DBE4
- F0EDF2
Shades
- 64476D
- 543B5C
- 45304C
- 37253C
- 291B2D
- 1B111F
- 0F0811
- 050205
- 010001
Tones
- 75587E
- 775C7F
- 78617F
- 79657F
- 7A6A80
- 7C6E80
- 7D7380
- 7E7780
- 7F7C80
Farbharmonien
Komplementär +180°
- 74537E
Dr Who
- 4B6C40
≈ Pine Scent
Analog -30° +30°
- 74537E
Dr Who
- 5F5A8B
≈ Idol
- 824F69
≈ Damson
Triadisch +120° +240°
- 74537E
Dr Who
- 7A5C2A
≈ Breen
- 176F71
≈ Marine Wonder
Geteilt komplementär +150° +210°
- 74537E
Dr Who
- 66652D
≈ Gretchin Green
- 2C7059
≈ Foliage Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.40:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.28:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--dr-who: #74537e;
--dr-who-rgb: 116 83 126;
--dr-who-oklch: oklch(0.494 0.078 318.2);
}
.element {
color: var(--dr-who);
background-color: hsl(286 21% 41%);
border-color: oklch(0.494 0.078 318.2);
}Tailwind CSS v4
@theme {
--color-dr-who: #74537e;
--color-dr-who-50: #ffeeff;
--color-dr-who-100: #f4e0f8;
--color-dr-who-200: #e4cae9;
--color-dr-who-300: #caabd0;
--color-dr-who-400: #b290bc;
--color-dr-who-500: #9c76a8;
--color-dr-who-600: #84648e;
--color-dr-who-700: #6a5071;
--color-dr-who-800: #4d3a55;
--color-dr-who-900: #36283b;
--color-dr-who-950: #211625;
}SCSS
$dr-who: #74537e;
$dr-who-rgb: 116, 83, 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);
}