Benannte Farbe · #8A9B76
Sweet Florence
Sweet Florence ist #8A9B76: rgb(138 155 118), hsl(88 16% 54%), oklch(0.666 0.056 127.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Sweet Florence color name →
#8A9B76
oklch(0.666 0.056 127.9)
Farbumrechnungen
- HEX
- #8a9b76
- RGB
- rgb(138 155 118)
- HSL
- hsl(88 16% 54%)
- HWB
- hwb(88 46% 39%)
- OKLCH
- oklch(0.666 0.056 127.9)
- OKLab
- oklab(0.666 -0.035 0.044)
- CIE Lab
- lab(61.87 -11.4 17.37)
- LCH
- lch(61.87 20.77 123.3)
- CMYK
- cmyk(11% 0% 24% 39%)
Tints · Shades · Tones
Tints
- 95A583
- A0AE90
- ACB89E
- B7C2AB
- C3CCB9
- CFD6C7
- DBE0D4
- E7EAE3
- F3F5F1
Shades
- 778666
- 657256
- 535E47
- 424B38
- 323929
- 22281C
- 14180F
- 070905
- 010101
Tones
- 899877
- 889678
- 879379
- 86907B
- 858E7C
- 848B7D
- 83887D
- 82857E
- 81837F
Farbharmonien
Komplementär +180°
- 8A9B76
Sweet Florence
- 9D8BAF
≈ Saffron Blossom Mauve
Analog -30° +30°
- 8A9B76
Sweet Florence
- 9D956D
≈ Sweet Annie
- 779F87
≈ Aquadulce
Triadisch +120° +240°
- 8A9B76
Sweet Florence
- 7998B5
≈ Splendid Blue
- B3868D
≈ Lime Pink
Geteilt komplementär +150° +210°
- 8A9B76
Sweet Florence
- 8B91B7
≈ Fresh Lavender
- AC87A0
≈ Lavender Herb
Tetradisch +90° +180° +270°
- 8A9B76
Sweet Florence
- 6C9DAB
≈ Tranquili Teal
- 9D8BAF
≈ Saffron Blossom Mauve
- B3897B
≈ Cappuccino Bombe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 57
Ag
AAAAuf Schwarz
WCAG 7.03:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--sweet-florence: #8a9b76;
--sweet-florence-rgb: 138 155 118;
--sweet-florence-oklch: oklch(0.666 0.056 127.9);
}
.element {
color: var(--sweet-florence);
background-color: hsl(88 16% 54%);
border-color: oklch(0.666 0.056 127.9);
}Tailwind CSS v4
@theme {
--color-sweet-florence: #8a9b76;
--color-sweet-florence-50: #f0f9e8;
--color-sweet-florence-100: #e2ecd9;
--color-sweet-florence-200: #ccd9c1;
--color-sweet-florence-300: #aebea0;
--color-sweet-florence-400: #95a582;
--color-sweet-florence-500: #7b8e65;
--color-sweet-florence-600: #687856;
--color-sweet-florence-700: #536045;
--color-sweet-florence-800: #3d4631;
--color-sweet-florence-900: #2a3021;
--color-sweet-florence-950: #181d10;
}SCSS
$sweet-florence: #8a9b76;
$sweet-florence-rgb: 138, 155, 118;
$sweet-florence-light: mix(#fff, $sweet-florence, 20%);
$sweet-florence-dark: mix(#000, $sweet-florence, 20%);
.element {
color: $sweet-florence;
box-shadow: 0 0 0 2px rgba($sweet-florence, 0.35);
}