Benannte Farbe · #495762
Flapper Dance
Flapper Dance ist #495762: rgb(73 87 98), hsl(206 15% 34%), oklch(0.449 0.025 241.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Flapper Dance color name →
#495762
oklch(0.449 0.025 241.8)
Farbumrechnungen
- HEX
- #495762
- RGB
- rgb(73 87 98)
- HSL
- hsl(206 15% 34%)
- HWB
- hwb(206 29% 62%)
- OKLCH
- oklch(0.449 0.025 241.8)
- OKLab
- oklab(0.449 -0.012 -0.022)
- CIE Lab
- lab(36.09 -3.56 -8.3)
- LCH
- lch(36.09 9.03 246.8)
- CMYK
- cmyk(26% 11% 0% 62%)
Tints · Shades · Tones
Tints
- 596670
- 6A767F
- 7C868E
- 8D969E
- 9FA7AD
- B2B8BD
- C5C9CD
- D8DBDE
- EBEDEE
Shades
- 3E4B54
- 343E47
- 2A333A
- 20272D
- 171C21
- 0E1216
- 06080B
- 020303
- 000000
Tones
- 4E5B65
- 545F68
- 59636B
- 5F676E
- 646B71
- 6A6F74
- 6F7377
- 75787A
- 7A7C7D
Farbharmonien
Komplementär +180°
- 495762
Flapper Dance
- 605247
≈ Canteen
Analog -30° +30°
- 495762
Flapper Dance
- 45595D
≈ Volute
- 505463
≈ Black Orchid
Triadisch +120° +240°
- 495762
Flapper Dance
- 624F54
≈ Berry Wine
- 525748
≈ Castle Stone
Geteilt komplementär +150° +210°
- 495762
Flapper Dance
- 62504C
≈ Spanish Raisin
- 5A5545
≈ Fern Gully
Tetradisch +90° +180° +270°
- 495762
Flapper Dance
- 5E505B
≈ Wishing Star
- 605247
≈ Canteen
- 4B594E
≈ Pleasant Hill
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.43:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.82:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--flapper-dance: #495762;
--flapper-dance-rgb: 73 87 98;
--flapper-dance-oklch: oklch(0.449 0.025 241.8);
}
.element {
color: var(--flapper-dance);
background-color: hsl(206 15% 34%);
border-color: oklch(0.449 0.025 241.8);
}Tailwind CSS v4
@theme {
--color-flapper-dance: #495762;
--color-flapper-dance-50: #eff6fc;
--color-flapper-dance-100: #e1e9f0;
--color-flapper-dance-200: #ccd6de;
--color-flapper-dance-300: #adb9c4;
--color-flapper-dance-400: #92a1ac;
--color-flapper-dance-500: #788996;
--color-flapper-dance-600: #66747f;
--color-flapper-dance-700: #515c65;
--color-flapper-dance-800: #3b444a;
--color-flapper-dance-900: #282f34;
--color-flapper-dance-950: #161b1f;
}SCSS
$flapper-dance: #495762;
$flapper-dance-rgb: 73, 87, 98;
$flapper-dance-light: mix(#fff, $flapper-dance, 20%);
$flapper-dance-dark: mix(#000, $flapper-dance, 20%);
.element {
color: $flapper-dance;
box-shadow: 0 0 0 2px rgba($flapper-dance, 0.35);
}