Benannte Farbe · #784A65
Fig Cluster
Fig Cluster ist #784A65: rgb(120 74 101), hsl(325 24% 38%), oklch(0.471 0.073 344.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Fig Cluster color name →
#784A65
oklch(0.471 0.073 344.2)
Farbumrechnungen
- HEX
- #784a65
- RGB
- rgb(120 74 101)
- HSL
- hsl(325 24% 38%)
- HWB
- hwb(325 29% 53%)
- OKLCH
- oklch(0.471 0.073 344.2)
- OKLab
- oklab(0.471 0.07 -0.02)
- CIE Lab
- lab(37.62 23.2 -7.24)
- LCH
- lch(37.62 24.3 342.7)
- CMYK
- cmyk(0% 38% 16% 53%)
Tints · Shades · Tones
Tints
- 855B73
- 936C82
- A07D91
- AE8FA0
- BBA1AF
- C8B3BF
- D6C6CE
- E4D8DE
- F1ECEF
Shades
- 673F57
- 573549
- 482A3C
- 39202F
- 2A1722
- 1D0E17
- 10060C
- 050203
- 010000
Tones
- 795068
- 7A556A
- 7B5A6D
- 7C6070
- 7D6572
- 7E6B75
- 7F7078
- 7F757B
- 807B7D
Farbharmonien
Komplementär +180°
- 784A65
Fig Cluster
- 2E6850
≈ Spirulina
Analog -30° +30°
- 784A65
Fig Cluster
- 6A4E78
≈ Exotic Purple
- 7F494E
≈ Desert Canyon
Triadisch +120° +240°
- 784A65
Fig Cluster
- 625D29
≈ Costa Del Sol
- 236479
≈ Bold Bolection
Geteilt komplementär +150° +210°
- 784A65
Fig Cluster
- 4A6439
≈ Garden Green
- 186867
≈ Bath Green
Tetradisch +90° +180° +270°
- 784A65
Fig Cluster
- 735529
≈ Bark Brown
- 2E6850
≈ Spirulina
- 3E5D83
≈ Atlantic Schooner
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.08:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.96:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--fig-cluster: #784a65;
--fig-cluster-rgb: 120 74 101;
--fig-cluster-oklch: oklch(0.471 0.073 344.2);
}
.element {
color: var(--fig-cluster);
background-color: hsl(325 24% 38%);
border-color: oklch(0.471 0.073 344.2);
}Tailwind CSS v4
@theme {
--color-fig-cluster: #784a65;
--color-fig-cluster-50: #ffedf9;
--color-fig-cluster-100: #fbdfed;
--color-fig-cluster-200: #edc8db;
--color-fig-cluster-300: #d4a9bf;
--color-fig-cluster-400: #be8da9;
--color-fig-cluster-500: #a97392;
--color-fig-cluster-600: #8f617b;
--color-fig-cluster-700: #724e63;
--color-fig-cluster-800: #543849;
--color-fig-cluster-900: #3b2633;
--color-fig-cluster-950: #25151f;
}SCSS
$fig-cluster: #784a65;
$fig-cluster-rgb: 120, 74, 101;
$fig-cluster-light: mix(#fff, $fig-cluster, 20%);
$fig-cluster-dark: mix(#000, $fig-cluster, 20%);
.element {
color: $fig-cluster;
box-shadow: 0 0 0 2px rgba($fig-cluster, 0.35);
}