Benannte Farbe · #FBD0B9
Ibis Pink
Ibis Pink ist #FBD0B9: rgb(251 208 185), hsl(21 89% 85%), oklch(0.889 0.058 49.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ibis Pink color name →
#FBD0B9
oklch(0.889 0.058 49.7)
Farbumrechnungen
- HEX
- #fbd0b9
- RGB
- rgb(251 208 185)
- HSL
- hsl(21 89% 85%)
- HWB
- hwb(21 73% 2%)
- OKLCH
- oklch(0.889 0.058 49.7)
- OKLab
- oklab(0.889 0.037 0.044)
- CIE Lab
- lab(86.81 13.17 17.43)
- LCH
- lch(86.81 21.85 52.9)
- CMYK
- cmyk(0% 17% 26% 2%)
Tints · Shades · Tones
Tints
- FCD5C0
- FCD9C7
- FDDECE
- FDE3D5
- FEE8DC
- FEECE3
- FEF1EA
- FFF6F1
- FFFAF8
Shades
- DAB5A0
- BA9A89
- 9C8071
- 7E675B
- 614F46
- 463931
- 2D231E
- 15100D
- 030202
Tones
- EEC8B3
- E1C0AD
- D5B7A8
- C8AFA2
- BCA79C
- B09F97
- A49791
- 98908B
- 8C8886
Farbharmonien
Komplementär +180°
- FBD0B9
Ibis Pink
- B4E2F9
≈ Fairy Sparkles
Analog -30° +30°
- FBD0B9
Ibis Pink
- FFCCCB
≈ Jagdwurst
- EFD7B0
≈ Homey Cream
Triadisch +120° +240°
- FBD0B9
Ibis Pink
- B5E7D4
≈ Ode to Green
- D9D5FF
≈ Pale Lavender
Geteilt komplementär +150° +210°
- FBD0B9
Ibis Pink
- AEE7E9
≈ Cool Crayon
- C6DCFF
≈ Arc Light
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.82:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.82:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--ibis-pink: #fbd0b9;
--ibis-pink-rgb: 251 208 185;
--ibis-pink-oklch: oklch(0.889 0.058 49.7);
}
.element {
color: var(--ibis-pink);
background-color: hsl(21 89% 85%);
border-color: oklch(0.889 0.058 49.7);
}Tailwind CSS v4
@theme {
--color-ibis-pink: #fbd0b9;
--color-ibis-pink-50: #fff1e6;
--color-ibis-pink-100: #f9e3d7;
--color-ibis-pink-200: #e9cebe;
--color-ibis-pink-300: #d0b09d;
--color-ibis-pink-400: #bb9580;
--color-ibis-pink-500: #a67b64;
--color-ibis-pink-600: #8c6855;
--color-ibis-pink-700: #715344;
--color-ibis-pink-800: #533c31;
--color-ibis-pink-900: #3a2a21;
--color-ibis-pink-950: #241711;
}SCSS
$ibis-pink: #fbd0b9;
$ibis-pink-rgb: 251, 208, 185;
$ibis-pink-light: mix(#fff, $ibis-pink, 20%);
$ibis-pink-dark: mix(#000, $ibis-pink, 20%);
.element {
color: $ibis-pink;
box-shadow: 0 0 0 2px rgba($ibis-pink, 0.35);
}