Color con nombre · #FBF3D3
China Ivory
China Ivory es #FBF3D3: rgb(251 243 211), hsl(48 83% 91%), oklch(0.962 0.043 95.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · China Ivory color name →
#FBF3D3
oklch(0.962 0.043 95.5)
Conversiones de color
- HEX
- #fbf3d3
- RGB
- rgb(251 243 211)
- HSL
- hsl(48 83% 91%)
- HWB
- hwb(48 83% 2%)
- OKLCH
- oklch(0.962 0.043 95.5)
- OKLab
- oklab(0.962 -0.004 0.042)
- CIE Lab
- lab(95.86 -1.04 16.51)
- LCH
- lch(95.86 16.54 93.6)
- CMYK
- cmyk(0% 3% 16% 2%)
Tintes · Sombras · Tonos
Tintes
- FBF4D7
- FCF5DC
- FCF7E0
- FDF8E5
- FDF9E9
- FDFAEE
- FEFBF2
- FEFDF6
- FFFEFB
Sombras
- DAD3B7
- BAB49C
- 9C9782
- 7E7A69
- 615E51
- 46443A
- 2D2B24
- 151410
- 030302
Tonos
- EEE7CA
- E1DBC2
- D5CFBA
- C8C3B1
- BCB8A9
- AFACA1
- A3A198
- 979690
- 8C8B88
Armonías de color
Complementario +180°
- FBF3D3
China Ivory
- EFF2FF
≈ Cloud Break
Análogo -30° +30°
- FBF3D3
China Ivory
- FFF0E1
≈ Sugar Glaze
- ECF8D9
≈ Pastoral
Triádico +120° +240°
- FBF3D3
China Ivory
- DEF8FF
≈ Glacial Day
- FFECFA
≈ Strawberry Bonbon
Complementario dividido +150° +210°
- FBF3D3
China Ivory
- E8F4FF
≈ Moon White
- F6EFFF
≈ Cloud Break
Tetrádico +90° +180° +270°
- FBF3D3
China Ivory
- D4FCF6
≈ Ice
- EFF2FF
≈ Cloud Break
- FFEDF0
≈ Translucent Unicorn
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.86:1 · APCA Lc 100
Mejor color de texto: #000000
WCAG 18.86:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmentos de código
CSS
:root {
--china-ivory: #fbf3d3;
--china-ivory-rgb: 251 243 211;
--china-ivory-oklch: oklch(0.962 0.043 95.5);
}
.element {
color: var(--china-ivory);
background-color: hsl(48 83% 91%);
border-color: oklch(0.962 0.043 95.5);
}Tailwind CSS v4
@theme {
--color-china-ivory: #fbf3d3;
--color-china-ivory-50: #f8f5e8;
--color-china-ivory-100: #ebe8d8;
--color-china-ivory-200: #d9d5c0;
--color-china-ivory-300: #bdb8a0;
--color-china-ivory-400: #a69f82;
--color-china-ivory-500: #8f8666;
--color-china-ivory-600: #797257;
--color-china-ivory-700: #605b45;
--color-china-ivory-800: #474232;
--color-china-ivory-900: #312e22;
--color-china-ivory-950: #1d1b11;
}SCSS
$china-ivory: #fbf3d3;
$china-ivory-rgb: 251, 243, 211;
$china-ivory-light: mix(#fff, $china-ivory, 20%);
$china-ivory-dark: mix(#000, $china-ivory, 20%);
.element {
color: $china-ivory;
box-shadow: 0 0 0 2px rgba($china-ivory, 0.35);
}