Couleur nommée · #F2ECE6
Ibis White
Ibis White correspond à #F2ECE6 : rgb(242 236 230), hsl(30 32% 93%), oklch(0.946 0.01 67.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Ibis White color name →
#F2ECE6
oklch(0.946 0.01 67.7)
Conversions de couleur
- HEX
- #f2ece6
- RGB
- rgb(242 236 230)
- HSL
- hsl(30 32% 93%)
- HWB
- hwb(30 90% 5%)
- OKLCH
- oklch(0.946 0.01 67.7)
- OKLab
- oklab(0.946 0.004 0.01)
- CIE Lab
- lab(93.75 1.32 3.67)
- LCH
- lch(93.75 3.9 70.2)
- CMYK
- cmyk(0% 2% 5% 5%)
Teintes · Ombres · Tons
Teintes
- F3EEE8
- F5F0EB
- F6F2ED
- F7F4F0
- F8F5F2
- FAF7F5
- FBF9F7
- FCFBFA
- FEFDFC
Ombres
- D2CDC8
- B4AFAB
- 96928E
- 797673
- 5E5B59
- 434240
- 2B2928
- 141313
- 030303
Tons
- E6E1DB
- DAD5D1
- CECAC6
- C3BFBC
- B7B4B2
- ACAAA7
- A19F9D
- 969594
- 8B8A8A
Harmonies de couleurs
Complémentaire +180°
- F2ECE6
Ibis White
- E8EEF4
≈ Springtime Rain
Analogue -30° +30°
- F2ECE6
Ibis White
- F4EBE8
≈ Wispy Pink
- EFEDE6
≈ Salt
Triadique +120° +240°
- F2ECE6
Ibis White
- E6F0EE
≈ Cloud
- EFEBF3
≈ Silver Phoenix
Complémentaire divisée +150° +210°
- F2ECE6
Ibis White
- E6EFF2
≈ Sheikh Zayed White
- EBEDF4
≈ Silver Phoenix
Tétradique +90° +180° +270°
- F2ECE6
Ibis White
- E8EFEA
≈ Gossamer Wings
- E8EEF4
≈ Springtime Rain
- F2EBF0
≈ Dress Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.17:1 · APCA Lc 8
Ag
AAASur noir
WCAG 17.91:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.91:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--ibis-white: #f2ece6;
--ibis-white-rgb: 242 236 230;
--ibis-white-oklch: oklch(0.946 0.01 67.7);
}
.element {
color: var(--ibis-white);
background-color: hsl(30 32% 93%);
border-color: oklch(0.946 0.01 67.7);
}Tailwind CSS v4
@theme {
--color-ibis-white: #f2ece6;
--color-ibis-white-50: #f7f5f2;
--color-ibis-white-100: #eae7e4;
--color-ibis-white-200: #d7d3d0;
--color-ibis-white-300: #bbb6b2;
--color-ibis-white-400: #a39d98;
--color-ibis-white-500: #8b857f;
--color-ibis-white-600: #76716c;
--color-ibis-white-700: #5e5a56;
--color-ibis-white-800: #45423f;
--color-ibis-white-900: #302d2b;
--color-ibis-white-950: #1c1a18;
}SCSS
$ibis-white: #f2ece6;
$ibis-white-rgb: 242, 236, 230;
$ibis-white-light: mix(#fff, $ibis-white, 20%);
$ibis-white-dark: mix(#000, $ibis-white, 20%);
.element {
color: $ibis-white;
box-shadow: 0 0 0 2px rgba($ibis-white, 0.35);
}