Benannte Farbe · #E1B8B5
O Fortuna
O Fortuna ist #E1B8B5: rgb(225 184 181), hsl(4 42% 80%), oklch(0.818 0.048 23.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · O Fortuna color name →
#E1B8B5
oklch(0.818 0.048 23.1)
Farbumrechnungen
- HEX
- #e1b8b5
- RGB
- rgb(225 184 181)
- HSL
- hsl(4 42% 80%)
- HWB
- hwb(4 71% 12%)
- OKLCH
- oklch(0.818 0.048 23.1)
- OKLab
- oklab(0.818 0.044 0.019)
- CIE Lab
- lab(78.41 14.88 7.39)
- LCH
- lch(78.41 16.62 26.4)
- CMYK
- cmyk(0% 18% 20% 12%)
Tints · Shades · Tones
Tints
- E4BFBC
- E7C6C3
- EBCDCB
- EED4D2
- F1DBD9
- F4E2E1
- F7E9E8
- F9F1F0
- FCF8F7
Shades
- C4A09D
- A78886
- 8B716F
- 705B59
- 564544
- 3E3130
- 271E1D
- 120C0C
- 020202
Tones
- D7B2B0
- CDADAA
- C3A7A5
- B9A19F
- B09C9A
- A69695
- 9C9190
- 938B8A
- 898585
Farbharmonien
Komplementär +180°
- E1B8B5
O Fortuna
- A0CDD1
≈ Sea Dew
Analog -30° +30°
- E1B8B5
O Fortuna
- DDB7C6
≈ Kunzite
- DDBCA7
≈ Cinnamon Ice
Triadisch +120° +240°
- E1B8B5
O Fortuna
- B2CCB0
≈ Spring Fields
- B3C4E3
≈ Simply Sparkling
Geteilt komplementär +150° +210°
- E1B8B5
O Fortuna
- A5CEC0
≈ Swimming Pool Green
- A6C9DE
≈ Sea Cliff
Tetradisch +90° +180° +270°
- E1B8B5
O Fortuna
- C3C7A4
≈ Rejuvenate
- A0CDD1
≈ Sea Dew
- C4BEE0
≈ Purple Dragon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.72:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.72:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--o-fortuna: #e1b8b5;
--o-fortuna-rgb: 225 184 181;
--o-fortuna-oklch: oklch(0.818 0.048 23.1);
}
.element {
color: var(--o-fortuna);
background-color: hsl(4 42% 80%);
border-color: oklch(0.818 0.048 23.1);
}Tailwind CSS v4
@theme {
--color-o-fortuna: #e1b8b5;
--color-o-fortuna-50: #fff0ee;
--color-o-fortuna-100: #f8e2e0;
--color-o-fortuna-200: #e8cdca;
--color-o-fortuna-300: #cfafab;
--color-o-fortuna-400: #b99491;
--color-o-fortuna-500: #a47a77;
--color-o-fortuna-600: #8a6765;
--color-o-fortuna-700: #6f5351;
--color-o-fortuna-800: #523c3b;
--color-o-fortuna-900: #392929;
--color-o-fortuna-950: #231716;
}SCSS
$o-fortuna: #e1b8b5;
$o-fortuna-rgb: 225, 184, 181;
$o-fortuna-light: mix(#fff, $o-fortuna, 20%);
$o-fortuna-dark: mix(#000, $o-fortuna, 20%);
.element {
color: $o-fortuna;
box-shadow: 0 0 0 2px rgba($o-fortuna, 0.35);
}