Benannte Farbe · #BE8B8F
Prophetess
Prophetess ist #BE8B8F: rgb(190 139 143), hsl(355 28% 65%), oklch(0.687 0.063 13.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Prophetess color name →
#BE8B8F
oklch(0.687 0.063 13.6)
Farbumrechnungen
- HEX
- #be8b8f
- RGB
- rgb(190 139 143)
- HSL
- hsl(355 28% 65%)
- HWB
- hwb(355 55% 25%)
- OKLCH
- oklch(0.687 0.063 13.6)
- OKLab
- oklab(0.687 0.061 0.015)
- CIE Lab
- lab(63.04 20.44 5.93)
- LCH
- lch(63.04 21.28 16.2)
- CMYK
- cmyk(0% 27% 25% 25%)
Tints · Shades · Tones
Tints
- C5969A
- CCA1A4
- D2ADAF
- D9B8BA
- DFC4C6
- E6D0D1
- ECDBDC
- F3E7E8
- F9F3F3
Shades
- A5787C
- 8C6669
- 755457
- 5E4345
- 483234
- 332324
- 1F1415
- 0D0707
- 020101
Tones
- B88A8E
- B2898C
- AC888B
- A68789
- 9F8688
- 998586
- 938485
- 8D8283
- 868182
Farbharmonien
Komplementär +180°
- BE8B8F
Prophetess
- 6BA7A5
≈ Steel Pan Mallet
Analog -30° +30°
- BE8B8F
Prophetess
- B78BA4
≈ Lover’s Tryst
- BC8F7B
≈ Rosetta
Triadisch +120° +240°
- BE8B8F
Prophetess
- 8BA37C
≈ Antilles Garden
- 809DC1
≈ Alaskan Ice
Geteilt komplementär +150° +210°
- BE8B8F
Prophetess
- 76A790
≈ Free Green
- 6FA3B7
≈ Estuary Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.88:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.27:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--prophetess: #be8b8f;
--prophetess-rgb: 190 139 143;
--prophetess-oklch: oklch(0.687 0.063 13.6);
}
.element {
color: var(--prophetess);
background-color: hsl(355 28% 65%);
border-color: oklch(0.687 0.063 13.6);
}Tailwind CSS v4
@theme {
--color-prophetess: #be8b8f;
--color-prophetess-50: #ffeeef;
--color-prophetess-100: #fce0e1;
--color-prophetess-200: #eecacb;
--color-prophetess-300: #d6abad;
--color-prophetess-400: #c09093;
--color-prophetess-500: #ab757a;
--color-prophetess-600: #916367;
--color-prophetess-700: #744f52;
--color-prophetess-800: #56393d;
--color-prophetess-900: #3c272a;
--color-prophetess-950: #261517;
}SCSS
$prophetess: #be8b8f;
$prophetess-rgb: 190, 139, 143;
$prophetess-light: mix(#fff, $prophetess, 20%);
$prophetess-dark: mix(#000, $prophetess, 20%);
.element {
color: $prophetess;
box-shadow: 0 0 0 2px rgba($prophetess, 0.35);
}