Named color · #F3D9C7
York Bisque
York Bisque is #F3D9C7: rgb(243 217 199), hsl(25 65% 87%), oklch(0.902 0.038 56.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · York Bisque color name →
#F3D9C7
oklch(0.902 0.038 56.9)
Color conversions
- HEX
- #f3d9c7
- RGB
- rgb(243 217 199)
- HSL
- hsl(25 65% 87%)
- HWB
- hwb(25 78% 5%)
- OKLCH
- oklch(0.902 0.038 56.9)
- OKLab
- oklab(0.902 0.021 0.032)
- CIE Lab
- lab(88.52 7.22 12.36)
- LCH
- lch(88.52 14.31 59.7)
- CMYK
- cmyk(0% 11% 18% 5%)
Tints · Shades · Tones
Tints
- F4DDCD
- F6E1D2
- F7E4D8
- F8E8DD
- F9ECE3
- FAF0E8
- FCF4EE
- FDF7F4
- FEFBF9
Shades
- D3BCAD
- B4A193
- 97867A
- 7A6C62
- 5E534C
- 443B36
- 2B2521
- 14110E
- 030202
Tones
- E7D0C0
- DBC7B8
- CFBDB1
- C4B4AA
- B8ACA3
- ADA39C
- A19A95
- 96918E
- 8B8987
Color harmonies
Complementary +180°
- F3D9C7
York Bisque
- C8E3F5
≈ Fresh Water
Analogous -30° +30°
- F3D9C7
York Bisque
- F7D6D1
≈ Bloodthirsty Beige
- E9DEC3
≈ Adobe Sand
Triadic +120° +240°
- F3D9C7
York Bisque
- C5E7DE
≈ Touch of Frost
- E1DAF5
≈ Nostalgia Perfume
Split-complementary +150° +210°
- F3D9C7
York Bisque
- C3E6EB
≈ Onahau
- D3DFF9
≈ Puffy Cloud
Tetradic +90° +180° +270°
- F3D9C7
York Bisque
- CFE6D0
≈ Herbal Mist
- C8E3F5
≈ Fresh Water
- EDD6EC
≈ Scented Spring
Contrast & accessibility
Ag
FailOn white
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.56:1 · APCA Lc 86
Best text color: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--york-bisque: #f3d9c7;
--york-bisque-rgb: 243 217 199;
--york-bisque-oklch: oklch(0.902 0.038 56.9);
}
.element {
color: var(--york-bisque);
background-color: hsl(25 65% 87%);
border-color: oklch(0.902 0.038 56.9);
}Tailwind CSS v4
@theme {
--color-york-bisque: #f3d9c7;
--color-york-bisque-50: #fef3eb;
--color-york-bisque-100: #f2e5dc;
--color-york-bisque-200: #e1d1c5;
--color-york-bisque-300: #c7b3a5;
--color-york-bisque-400: #b09989;
--color-york-bisque-500: #9a806e;
--color-york-bisque-600: #826d5d;
--color-york-bisque-700: #68574b;
--color-york-bisque-800: #4d3f36;
--color-york-bisque-900: #362b25;
--color-york-bisque-950: #211914;
}SCSS
$york-bisque: #f3d9c7;
$york-bisque-rgb: 243, 217, 199;
$york-bisque-light: mix(#fff, $york-bisque, 20%);
$york-bisque-dark: mix(#000, $york-bisque, 20%);
.element {
color: $york-bisque;
box-shadow: 0 0 0 2px rgba($york-bisque, 0.35);
}