Colore con nome · #FBD0B9
Ibis Pink
Ibis Pink è #FBD0B9: rgb(251 208 185), hsl(21 89% 85%), oklch(0.889 0.058 49.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ibis Pink color name →
#FBD0B9
oklch(0.889 0.058 49.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FCD5C0
- FCD9C7
- FDDECE
- FDE3D5
- FEE8DC
- FEECE3
- FEF1EA
- FFF6F1
- FFFAF8
Ombre
- DAB5A0
- BA9A89
- 9C8071
- 7E675B
- 614F46
- 463931
- 2D231E
- 15100D
- 030202
Toni
- EEC8B3
- E1C0AD
- D5B7A8
- C8AFA2
- BCA79C
- B09F97
- A49791
- 98908B
- 8C8886
Armonie di colore
Complementare +180°
- FBD0B9
Ibis Pink
- B4E2F9
≈ Fairy Sparkles
Analogo -30° +30°
- FBD0B9
Ibis Pink
- FFCCCB
≈ Jagdwurst
- EFD7B0
≈ Homey Cream
Triadico +120° +240°
- FBD0B9
Ibis Pink
- B5E7D4
≈ Ode to Green
- D9D5FF
≈ Pale Lavender
Complementare divisa +150° +210°
- FBD0B9
Ibis Pink
- AEE7E9
≈ Cool Crayon
- C6DCFF
≈ Arc Light
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.82:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.82:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}