Nächste benannte Farbe · #463448
#463448
Nächste benannte Farbe: Call It a Night
#463448 (rgb(70 52 72), hsl(294 16% 24%), oklch(0.353 0.042 323.1)) liegt am nächsten an der benannten Farbe Call It a Night. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#463448
oklch(0.353 0.042 323.1)
Farbumrechnungen
- HEX
- #463448
- RGB
- rgb(70 52 72)
- HSL
- hsl(294 16% 24%)
- HWB
- hwb(294 20% 72%)
- OKLCH
- oklch(0.353 0.042 323.1)
- OKLab
- oklab(0.353 0.033 -0.025)
- CIE Lab
- lab(24.38 11.41 -9.18)
- LCH
- lch(24.38 14.65 321.2)
- CMYK
- cmyk(3% 28% 0% 72%)
Tints · Shades · Tones
Tints
- 574658
- 685869
- 796B7B
- 8B7F8D
- 9E939F
- B1A8B1
- C4BDC4
- D7D3D8
- EBE9EB
Shades
- 3C2C3D
- 322433
- 281C29
- 1E151F
- 150E16
- 0D070D
- 050306
- 020102
- 000000
Tones
- 4C3B4D
- 514253
- 574A58
- 5D515E
- 635964
- 686169
- 6E686F
- 747075
- 7A787A
Farbharmonien
Komplementär +180°
- 463448
Call It a Night
- 2E412D
≈ English Holly
Analog -30° +30°
- 463448
Call It a Night
- 3C374F
≈ Caddies Silk
- 4D323D
≈ Joyful Ruby
Triadisch +120° +240°
- 463448
Call It a Night
- 463921
≈ Lisbon Brown
- 1E4245
≈ Pine Hollow
Geteilt komplementär +150° +210°
- 463448
Call It a Night
- 3B3E24
≈ Green Kelp
- 234239
≈ English Holly
Tetradisch +90° +180° +270°
- 463448
Call It a Night
- 4D3527
≈ Sepia Brown
- 2E412D
≈ English Holly
- 243F4E
≈ Depths of the Nile
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.38:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.84:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.38:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--call-it-a-night: #463448;
--call-it-a-night-rgb: 70 52 72;
--call-it-a-night-oklch: oklch(0.353 0.042 323.1);
}
.element {
color: var(--call-it-a-night);
background-color: hsl(294 16% 24%);
border-color: oklch(0.353 0.042 323.1);
}Tailwind CSS v4
@theme {
--color-call-it-a-night: #463448;
--color-call-it-a-night-50: #fcf1fc;
--color-call-it-a-night-100: #efe3f0;
--color-call-it-a-night-200: #decede;
--color-call-it-a-night-300: #c3b0c3;
--color-call-it-a-night-400: #ab97ad;
--color-call-it-a-night-500: #947d96;
--color-call-it-a-night-600: #7d6a7f;
--color-call-it-a-night-700: #645566;
--color-call-it-a-night-800: #493e4b;
--color-call-it-a-night-900: #332a34;
--color-call-it-a-night-950: #1e1820;
}SCSS
$call-it-a-night: #463448;
$call-it-a-night-rgb: 70, 52, 72;
$call-it-a-night-light: mix(#fff, $call-it-a-night, 20%);
$call-it-a-night-dark: mix(#000, $call-it-a-night, 20%);
.element {
color: $call-it-a-night;
box-shadow: 0 0 0 2px rgba($call-it-a-night, 0.35);
}