Nächste benannte Farbe · #66787C
#66787C
Nächste benannte Farbe: Night Rendezvous
#66787C (rgb(102 120 124), hsl(191 10% 44%), oklch(0.559 0.022 212.6)) liegt am nächsten an der benannten Farbe Night Rendezvous. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#66787C
oklch(0.559 0.022 212.6)
Farbumrechnungen
- HEX
- #66787c
- RGB
- rgb(102 120 124)
- HSL
- hsl(191 10% 44%)
- HWB
- hwb(191 40% 51%)
- OKLCH
- oklch(0.559 0.022 212.6)
- OKLab
- oklab(0.559 -0.019 -0.012)
- CIE Lab
- lab(49.06 -6.19 -4.55)
- LCH
- lch(49.06 7.68 216.3)
- CMYK
- cmyk(18% 3% 0% 51%)
Tints · Shades · Tones
Tints
- 748588
- 839295
- 929FA1
- A0ACAE
- B0B9BB
- BFC7C9
- CFD5D6
- DFE3E3
- EFF1F1
Shades
- 58676B
- 4A575A
- 3C484A
- 2F393B
- 232A2C
- 171D1E
- 0C1011
- 040505
- 000101
Tones
- 69797C
- 6B7A7D
- 6E7A7D
- 717B7E
- 737C7E
- 767D7E
- 787E7F
- 7B7E7F
- 7D7F80
Farbharmonien
Komplementär +180°
- 66787C
Night Rendezvous
- 81706C
≈ Granite Boulder
Analog -30° +30°
- 66787C
Night Rendezvous
- 677975
≈ Earthen Cheer
- 697681
≈ Sheffield Grey
Triadisch +120° +240°
- 66787C
Night Rendezvous
- 7D707A
≈ Plum Shadow
- 797466
≈ Secret Mission
Geteilt komplementär +150° +210°
- 66787C
Night Rendezvous
- 806F73
≈ Royal Raisin
- 7E7267
≈ Desert Taupe
Tetradisch +90° +180° +270°
- 66787C
Night Rendezvous
- 77717F
≈ Pearl Blackberry
- 81706C
≈ Granite Boulder
- 727768
≈ Conifer Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.62:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.54:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--night-rendezvous: #66787c;
--night-rendezvous-rgb: 102 120 124;
--night-rendezvous-oklch: oklch(0.559 0.022 212.6);
}
.element {
color: var(--night-rendezvous);
background-color: hsl(191 10% 44%);
border-color: oklch(0.559 0.022 212.6);
}Tailwind CSS v4
@theme {
--color-night-rendezvous: #66787c;
--color-night-rendezvous-50: #eef7f9;
--color-night-rendezvous-100: #e0eaec;
--color-night-rendezvous-200: #cad7da;
--color-night-rendezvous-300: #abbbbe;
--color-night-rendezvous-400: #90a2a6;
--color-night-rendezvous-500: #768a8f;
--color-night-rendezvous-600: #647579;
--color-night-rendezvous-700: #505e61;
--color-night-rendezvous-800: #3a4547;
--color-night-rendezvous-900: #282f31;
--color-night-rendezvous-950: #161c1d;
}SCSS
$night-rendezvous: #66787c;
$night-rendezvous-rgb: 102, 120, 124;
$night-rendezvous-light: mix(#fff, $night-rendezvous, 20%);
$night-rendezvous-dark: mix(#000, $night-rendezvous, 20%);
.element {
color: $night-rendezvous;
box-shadow: 0 0 0 2px rgba($night-rendezvous, 0.35);
}