Benannte Farbe · #99656C
Soft Bromeliad
Soft Bromeliad ist #99656C: rgb(153 101 108), hsl(352 20% 50%), oklch(0.564 0.068 10.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Soft Bromeliad color name →
#99656C
oklch(0.564 0.068 10.6)
Farbumrechnungen
- HEX
- #99656c
- RGB
- rgb(153 101 108)
- HSL
- hsl(352 20% 50%)
- HWB
- hwb(352 40% 40%)
- OKLCH
- oklch(0.564 0.068 10.6)
- OKLab
- oklab(0.564 0.067 0.013)
- CIE Lab
- lab(48.67 22.31 5.12)
- LCH
- lch(48.67 22.89 12.9)
- CMYK
- cmyk(0% 34% 29% 40%)
Tints · Shades · Tones
Tints
- A3747A
- AE8288
- B89196
- C2A0A4
- CDB0B3
- D7BFC2
- E1CFD1
- EBDFE0
- F5EFEF
Shades
- 84575D
- 70494E
- 5D3C40
- 4A2F32
- 382225
- 271719
- 170C0D
- 080304
- 010000
Tones
- 97686E
- 956B70
- 936E72
- 907074
- 8E7376
- 8B7678
- 89787A
- 867B7C
- 837D7E
Farbharmonien
Komplementär +180°
- 99656C
Soft Bromeliad
- 40837F
≈ Emu Egg
Analog -30° +30°
- 99656C
Soft Bromeliad
- 916682
≈ Milkwort Red
- 986857
≈ Bucking Bronco
Triadisch +120° +240°
- 99656C
Soft Bromeliad
- 687E54
≈ Mint Leaves
- 57799D
≈ Quiet Harbour
Geteilt komplementär +150° +210°
- 99656C
Soft Bromeliad
- 508268
≈ Verdigris Roundhead
- 447F92
≈ Aristocratic
Tetradisch +90° +180° +270°
- 99656C
Soft Bromeliad
- 7E7747
≈ Peppered Moss
- 40837F
≈ Emu Egg
- 6E719D
≈ Hyacinth Mauve
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.73:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.43:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--soft-bromeliad: #99656c;
--soft-bromeliad-rgb: 153 101 108;
--soft-bromeliad-oklch: oklch(0.564 0.068 10.6);
}
.element {
color: var(--soft-bromeliad);
background-color: hsl(352 20% 50%);
border-color: oklch(0.564 0.068 10.6);
}Tailwind CSS v4
@theme {
--color-soft-bromeliad: #99656c;
--color-soft-bromeliad-50: #ffeef0;
--color-soft-bromeliad-100: #fedfe1;
--color-soft-bromeliad-200: #f0c9cc;
--color-soft-bromeliad-300: #d8aaae;
--color-soft-bromeliad-400: #c38e95;
--color-soft-bromeliad-500: #ae737b;
--color-soft-bromeliad-600: #936268;
--color-soft-bromeliad-700: #764e53;
--color-soft-bromeliad-800: #57393e;
--color-soft-bromeliad-900: #3d272a;
--color-soft-bromeliad-950: #261518;
}SCSS
$soft-bromeliad: #99656c;
$soft-bromeliad-rgb: 153, 101, 108;
$soft-bromeliad-light: mix(#fff, $soft-bromeliad, 20%);
$soft-bromeliad-dark: mix(#000, $soft-bromeliad, 20%);
.element {
color: $soft-bromeliad;
box-shadow: 0 0 0 2px rgba($soft-bromeliad, 0.35);
}