Named color · #F2ECE6
Ibis White
Ibis White is #F2ECE6: rgb(242 236 230), hsl(30 32% 93%), oklch(0.946 0.01 67.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Ibis White color name →
#F2ECE6
oklch(0.946 0.01 67.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- F3EEE8
- F5F0EB
- F6F2ED
- F7F4F0
- F8F5F2
- FAF7F5
- FBF9F7
- FCFBFA
- FEFDFC
Shades
- D2CDC8
- B4AFAB
- 96928E
- 797673
- 5E5B59
- 434240
- 2B2928
- 141313
- 030303
Tones
- E6E1DB
- DAD5D1
- CECAC6
- C3BFBC
- B7B4B2
- ACAAA7
- A19F9D
- 969594
- 8B8A8A
Color harmonies
Complementary +180°
- F2ECE6
Ibis White
- E8EEF4
≈ Springtime Rain
Analogous -30° +30°
- F2ECE6
Ibis White
- F4EBE8
≈ Wispy Pink
- EFEDE6
≈ Salt
Triadic +120° +240°
- F2ECE6
Ibis White
- E6F0EE
≈ Cloud
- EFEBF3
≈ Silver Phoenix
Split-complementary +150° +210°
- F2ECE6
Ibis White
- E6EFF2
≈ Sheikh Zayed White
- EBEDF4
≈ Silver Phoenix
Tetradic +90° +180° +270°
- F2ECE6
Ibis White
- E8EFEA
≈ Gossamer Wings
- E8EEF4
≈ Springtime Rain
- F2EBF0
≈ Dress Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.17:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.91:1 · APCA Lc 96
Best text color: #000000
WCAG 17.91:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
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);
}