Benannte Farbe · #F8E3EE
Petal Poise
Petal Poise ist #F8E3EE: rgb(248 227 238), hsl(329 60% 93%), oklch(0.936 0.027 344.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Petal Poise color name →
#F8E3EE
oklch(0.936 0.027 344.6)
Farbumrechnungen
- HEX
- #f8e3ee
- RGB
- rgb(248 227 238)
- HSL
- hsl(329 60% 93%)
- HWB
- hwb(329 89% 3%)
- OKLCH
- oklch(0.936 0.027 344.6)
- OKLab
- oklab(0.936 0.026 -0.007)
- CIE Lab
- lab(92.19 8.8 -2.63)
- LCH
- lch(92.19 9.18 343.3)
- CMYK
- cmyk(0% 8% 4% 3%)
Tints · Shades · Tones
Tints
- F9E6F0
- F9E9F1
- FAEBF3
- FBEEF5
- FCF1F6
- FCF4F8
- FDF7FA
- FEF9FC
- FEFCFD
Shades
- D8C5CF
- B8A8B1
- 9A8C93
- 7C7177
- 60575C
- 453F42
- 2C272A
- 151214
- 030303
Tones
- EBD9E2
- DFCED7
- D3C4CC
- C6BAC1
- BAB0B5
- AEA6AA
- A39DA0
- 979395
- 8B898A
Farbharmonien
Komplementär +180°
- F8E3EE
Petal Poise
- DAF0E5
≈ Banshee
Analog -30° +30°
- F8E3EE
Petal Poise
- F1E5F7
≈ Minute Mauve
- FBE3E4
≈ Royal Wedding
Triadisch +120° +240°
- F8E3EE
Petal Poise
- ECEBD7
≈ Pale Rebelka Jakub
- D8EEF8
≈ Ice Castle
Geteilt komplementär +150° +210°
- F8E3EE
Petal Poise
- E2EEDC
≈ Soft Focus
- D6F0EF
≈ Icy Wind
Tetradisch +90° +180° +270°
- F8E3EE
Petal Poise
- F5E8D6
≈ Vanilla Delight
- DAF0E5
≈ Banshee
- DEEBFC
≈ Husky
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.21:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--petal-poise: #f8e3ee;
--petal-poise-rgb: 248 227 238;
--petal-poise-oklch: oklch(0.936 0.027 344.6);
}
.element {
color: var(--petal-poise);
background-color: hsl(329 60% 93%);
border-color: oklch(0.936 0.027 344.6);
}Tailwind CSS v4
@theme {
--color-petal-poise: #f8e3ee;
--color-petal-poise-50: #fbf2f7;
--color-petal-poise-100: #efe4ea;
--color-petal-poise-200: #ded0d6;
--color-petal-poise-300: #c2b2ba;
--color-petal-poise-400: #ab98a2;
--color-petal-poise-500: #947f8a;
--color-petal-poise-600: #7d6c75;
--color-petal-poise-700: #64565e;
--color-petal-poise-800: #493f45;
--color-petal-poise-900: #332b30;
--color-petal-poise-950: #1f191c;
}SCSS
$petal-poise: #f8e3ee;
$petal-poise-rgb: 248, 227, 238;
$petal-poise-light: mix(#fff, $petal-poise, 20%);
$petal-poise-dark: mix(#000, $petal-poise, 20%);
.element {
color: $petal-poise;
box-shadow: 0 0 0 2px rgba($petal-poise, 0.35);
}