Benannte Farbe · #B35E97
Spruce Tree Flower
Spruce Tree Flower ist #B35E97: rgb(179 94 151), hsl(320 36% 54%), oklch(0.6 0.13 341.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Spruce Tree Flower color name →
#B35E97
oklch(0.6 0.13 341.1)
Farbumrechnungen
- HEX
- #b35e97
- RGB
- rgb(179 94 151)
- HSL
- hsl(320 36% 54%)
- HWB
- hwb(320 37% 30%)
- OKLCH
- oklch(0.6 0.13 341.1)
- OKLab
- oklab(0.6 0.123 -0.042)
- CIE Lab
- lab(51.76 40.59 -15.35)
- LCH
- lch(51.76 43.39 339.3)
- CMYK
- cmyk(0% 47% 16% 30%)
Tints · Shades · Tones
Tints
- BC6EA1
- C47EAB
- CC8EB6
- D49EC0
- DCAECA
- E3BED5
- EBCEDF
- F2DEEA
- F8EFF4
Shades
- 9B5183
- 84446F
- 6E375C
- 582B49
- 431F37
- 2F1426
- 1D0A17
- 0C0308
- 010001
Tones
- AF6295
- AA6693
- A56A90
- A06E8E
- 9C718C
- 967489
- 917787
- 8C7A85
- 867D82
Farbharmonien
Komplementär +180°
- B35E97
Spruce Tree Flower
- 0E9766
≈ Green Cyan
Analog -30° +30°
- B35E97
Spruce Tree Flower
- 9967B9
≈ Prickly Purple
- C05B6D
≈ Candy Drop
Triadisch +120° +240°
- B35E97
Spruce Tree Flower
- 918100
≈ Thicket Green
- 008EAE
≈ Algiers Blue
Geteilt komplementär +150° +210°
- B35E97
Spruce Tree Flower
- 648F34
≈ Olive Thrill
- 00938F
≈ Supermint
Tetradisch +90° +180° +270°
- B35E97
Spruce Tree Flower
- AF7100
≈ Caramel
- 0E9766
≈ Green Cyan
- 3D83CB
≈ Worn Denim
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.22:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.96:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--spruce-tree-flower: #b35e97;
--spruce-tree-flower-rgb: 179 94 151;
--spruce-tree-flower-oklch: oklch(0.6 0.13 341.1);
}
.element {
color: var(--spruce-tree-flower);
background-color: hsl(320 36% 54%);
border-color: oklch(0.6 0.13 341.1);
}Tailwind CSS v4
@theme {
--color-spruce-tree-flower: #b35e97;
--color-spruce-tree-flower-50: #ffe7ff;
--color-spruce-tree-flower-100: #ffd7f3;
--color-spruce-tree-flower-200: #fdbfe3;
--color-spruce-tree-flower-300: #e79cc9;
--color-spruce-tree-flower-400: #d27eb5;
--color-spruce-tree-flower-500: #be609f;
--color-spruce-tree-flower-600: #a15187;
--color-spruce-tree-flower-700: #81416c;
--color-spruce-tree-flower-800: #5f2f51;
--color-spruce-tree-flower-900: #432038;
--color-spruce-tree-flower-950: #2b0f23;
}SCSS
$spruce-tree-flower: #b35e97;
$spruce-tree-flower-rgb: 179, 94, 151;
$spruce-tree-flower-light: mix(#fff, $spruce-tree-flower, 20%);
$spruce-tree-flower-dark: mix(#000, $spruce-tree-flower, 20%);
.element {
color: $spruce-tree-flower;
box-shadow: 0 0 0 2px rgba($spruce-tree-flower, 0.35);
}