Benannte Farbe · #FBE9D8
Poppy Crepe
Poppy Crepe ist #FBE9D8: rgb(251 233 216), hsl(29 81% 92%), oklch(0.944 0.03 65.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Poppy Crepe color name →
#FBE9D8
oklch(0.944 0.03 65.8)
Farbumrechnungen
- HEX
- #fbe9d8
- RGB
- rgb(251 233 216)
- HSL
- hsl(29 81% 92%)
- HWB
- hwb(29 85% 2%)
- OKLCH
- oklch(0.944 0.03 65.8)
- OKLab
- oklab(0.944 0.012 0.027)
- CIE Lab
- lab(93.47 4.3 10.61)
- LCH
- lch(93.47 11.45 68)
- CMYK
- cmyk(0% 7% 14% 2%)
Tints · Shades · Tones
Tints
- FBEBDC
- FCEDE0
- FCF0E4
- FDF2E8
- FDF4EB
- FEF6EF
- FEF8F3
- FEFBF7
- FFFDFB
Shades
- DACBBC
- BAADA0
- 9C9085
- 7E746B
- 615A53
- 46413B
- 2D2925
- 151311
- 030302
Tones
- EEDECF
- E1D3C6
- D5C8BD
- C8BEB4
- BCB3AB
- AFA9A2
- A39E9A
- 979491
- 8C8A88
Farbharmonien
Komplementär +180°
- FBE9D8
Poppy Crepe
- DEEFFF
≈ Calcareous Sinter
Analog -30° +30°
- FBE9D8
Poppy Crepe
- FFE6DF
≈ Olm Pink
- F2EDD7
≈ Perfect Solution
Triadisch +120° +240°
- FBE9D8
Poppy Crepe
- D7F3EF
≈ Air of Mint
- F1E8FD
≈ Bright Dusk
Geteilt komplementär +150° +210°
- FBE9D8
Poppy Crepe
- D7F2F9
≈ Water
- E7EBFF
≈ Icy Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.74:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--poppy-crepe: #fbe9d8;
--poppy-crepe-rgb: 251 233 216;
--poppy-crepe-oklch: oklch(0.944 0.03 65.8);
}
.element {
color: var(--poppy-crepe);
background-color: hsl(29 81% 92%);
border-color: oklch(0.944 0.03 65.8);
}Tailwind CSS v4
@theme {
--color-poppy-crepe: #fbe9d8;
--color-poppy-crepe-50: #fbf4ec;
--color-poppy-crepe-100: #efe6de;
--color-poppy-crepe-200: #ddd2c7;
--color-poppy-crepe-300: #c2b5a8;
--color-poppy-crepe-400: #ab9b8c;
--color-poppy-crepe-500: #948372;
--color-poppy-crepe-600: #7d6f60;
--color-poppy-crepe-700: #64584d;
--color-poppy-crepe-800: #4a4038;
--color-poppy-crepe-900: #332c26;
--color-poppy-crepe-950: #1f1915;
}SCSS
$poppy-crepe: #fbe9d8;
$poppy-crepe-rgb: 251, 233, 216;
$poppy-crepe-light: mix(#fff, $poppy-crepe, 20%);
$poppy-crepe-dark: mix(#000, $poppy-crepe, 20%);
.element {
color: $poppy-crepe;
box-shadow: 0 0 0 2px rgba($poppy-crepe, 0.35);
}