Nächste benannte Farbe · #FBE5E8
#FBE5E8
Nächste benannte Farbe: Porcelain Skin
#FBE5E8 (rgb(251 229 232), hsl(352 73% 94%), oklch(0.94 0.024 8.2)) liegt am nächsten an der benannten Farbe Porcelain Skin. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FBE5E8
oklch(0.94 0.024 8.2)
Farbumrechnungen
- HEX
- #fbe5e8
- RGB
- rgb(251 229 232)
- HSL
- hsl(352 73% 94%)
- HWB
- hwb(352 90% 2%)
- OKLCH
- oklch(0.94 0.024 8.2)
- OKLab
- oklab(0.94 0.024 0.003)
- CIE Lab
- lab(92.81 8.13 1.4)
- LCH
- lch(92.81 8.25 9.8)
- CMYK
- cmyk(0% 9% 8% 2%)
Tints · Shades · Tones
Tints
- FBE8EA
- FCEAED
- FCEDEF
- FDEFF1
- FDF2F3
- FEF5F6
- FEF7F8
- FEFAFA
- FFFCFD
Shades
- DAC7CA
- BAAAAC
- 9C8E90
- 7E7274
- 615859
- 463F40
- 2D2829
- 151213
- 030303
Tones
- EEDADD
- E1D0D2
- D5C6C8
- C8BBBD
- BCB1B3
- AFA7A8
- A39D9E
- 979394
- 8C8A8A
Farbharmonien
Komplementär +180°
- FBE5E8
Porcelain Skin
- DAF1EE
≈ Air of Mint
Analog -30° +30°
- FBE5E8
Porcelain Skin
- F7E5F1
≈ Petal Poise
- FBE6E0
≈ Sweet Nothing
Triadisch +120° +240°
- FBE5E8
Porcelain Skin
- E6EFDE
≈ Chilled Mint
- DFEDFB
≈ Husky
Geteilt komplementär +150° +210°
- FBE5E8
Porcelain Skin
- DFF1E5
≈ Weak Mint
- DAF0F6
≈ Let It Snow
Tetradisch +90° +180° +270°
- FBE5E8
Porcelain Skin
- EFECDA
≈ Glittery Glow
- DAF1EE
≈ Air of Mint
- E7EAFC
≈ Icy Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.47:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--porcelain-skin: #fbe5e8;
--porcelain-skin-rgb: 251 229 232;
--porcelain-skin-oklch: oklch(0.94 0.024 8.2);
}
.element {
color: var(--porcelain-skin);
background-color: hsl(352 73% 94%);
border-color: oklch(0.94 0.024 8.2);
}Tailwind CSS v4
@theme {
--color-porcelain-skin: #fbe5e8;
--color-porcelain-skin-50: #fcf2f3;
--color-porcelain-skin-100: #f0e5e6;
--color-porcelain-skin-200: #ded0d2;
--color-porcelain-skin-300: #c3b3b4;
--color-porcelain-skin-400: #ac999b;
--color-porcelain-skin-500: #958083;
--color-porcelain-skin-600: #7e6c6f;
--color-porcelain-skin-700: #655659;
--color-porcelain-skin-800: #4a3f41;
--color-porcelain-skin-900: #342b2d;
--color-porcelain-skin-950: #1f191a;
}SCSS
$porcelain-skin: #fbe5e8;
$porcelain-skin-rgb: 251, 229, 232;
$porcelain-skin-light: mix(#fff, $porcelain-skin, 20%);
$porcelain-skin-dark: mix(#000, $porcelain-skin, 20%);
.element {
color: $porcelain-skin;
box-shadow: 0 0 0 2px rgba($porcelain-skin, 0.35);
}