Colore con nome più vicino · #F2B2C2
#F2B2C2
Colore con nome più vicino: Ibis
#F2B2C2 (rgb(242 178 194), hsl(345 71% 82%), oklch(0.827 0.077 2.4)) è più vicino al colore con nome Ibis. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F2B2C2
oklch(0.827 0.077 2.4)
Conversioni di colore
- HEX
- #f2b2c2
- RGB
- rgb(242 178 194)
- HSL
- hsl(345 71% 82%)
- HWB
- hwb(345 70% 5%)
- OKLCH
- oklch(0.827 0.077 2.4)
- OKLab
- oklab(0.827 0.077 0.003)
- CIE Lab
- lab(79.01 25.68 1.52)
- LCH
- lch(79.01 25.72 3.4)
- CMYK
- cmyk(0% 26% 20% 5%)
Tinte · Ombre · Toni
Tinte
- F4BAC8
- F6C1CE
- F7C9D4
- F9D1DA
- FAD8E0
- FBE0E6
- FCE8EC
- FDF0F3
- FEF7F9
Ombre
- D29AA8
- B4838F
- 966D77
- 795760
- 5E4349
- 432F34
- 2B1D20
- 140C0E
- 030102
Toni
- E6ADBB
- DBA8B4
- CFA3AE
- C49EA7
- B899A0
- AD949A
- A28F93
- 968A8D
- 8B8586
Armonie di colore
Complementare +180°
- F2B2C2
Ibis
- 8CD7CA
≈ Middle Blue Green
Analogo -30° +30°
- F2B2C2
Ibis
- E5B4DD
≈ Pink Gems
- F4B5A7
≈ Pink Mimosa
Triadico +120° +240°
- F2B2C2
Ibis
- BDCF97
≈ Fava Bean
- 9ACDF5
≈ Honolulu
Complementare divisa +150° +210°
- F2B2C2
Ibis
- A1D5AE
≈ Nihilakh Oxide
- 8AD4E4
≈ July
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.92:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.92:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--ibis: #f2b2c2;
--ibis-rgb: 242 178 194;
--ibis-oklch: oklch(0.827 0.077 2.4);
}
.element {
color: var(--ibis);
background-color: hsl(345 71% 82%);
border-color: oklch(0.827 0.077 2.4);
}Tailwind CSS v4
@theme {
--color-ibis: #f2b2c2;
--color-ibis-50: #ffedf2;
--color-ibis-100: #ffdee5;
--color-ibis-200: #f2c7d0;
--color-ibis-300: #dba7b2;
--color-ibis-400: #c68c9a;
--color-ibis-500: #b17082;
--color-ibis-600: #965f6e;
--color-ibis-700: #784c58;
--color-ibis-800: #593741;
--color-ibis-900: #3e262d;
--color-ibis-950: #27141a;
}SCSS
$ibis: #f2b2c2;
$ibis-rgb: 242, 178, 194;
$ibis-light: mix(#fff, $ibis, 20%);
$ibis-dark: mix(#000, $ibis, 20%);
.element {
color: $ibis;
box-shadow: 0 0 0 2px rgba($ibis, 0.35);
}