Colore con nome · #F2E5B1
Oyster Bisque
Oyster Bisque è #F2E5B1: rgb(242 229 177), hsl(48 71% 82%), oklch(0.92 0.069 95.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Oyster Bisque color name →
#F2E5B1
oklch(0.92 0.069 95.7)
Conversioni di colore
- HEX
- #f2e5b1
- RGB
- rgb(242 229 177)
- HSL
- hsl(48 71% 82%)
- HWB
- hwb(48 69% 5%)
- OKLCH
- oklch(0.92 0.069 95.7)
- OKLab
- oklab(0.92 -0.007 0.068)
- CIE Lab
- lab(91.05 -1.22 27.14)
- LCH
- lch(91.05 27.17 92.6)
- CMYK
- cmyk(0% 5% 27% 5%)
Tinte · Ombre · Toni
Tinte
- F3E8B9
- F5EAC1
- F6EDC9
- F7F0D1
- F8F2D9
- FAF5E0
- FBF7E8
- FCFAF0
- FEFCF7
Ombre
- D2C799
- B4AA83
- 968E6C
- 797257
- 5E5842
- 433F2F
- 2B281C
- 14120C
- 030301
Toni
- E6DAAC
- DAD0A8
- CEC6A3
- C3BB9E
- B7B199
- ACA794
- A19D8F
- 96938A
- 8B8A85
Armonie di colore
Complementare +180°
- F2E5B1
Oyster Bisque
- DDE3FF
≈ Stoic White
Analogo -30° +30°
- F2E5B1
Oyster Bisque
- FFDEBE
≈ Odious Orange
- D9EDBC
≈ Mellow Mint
Triadico +120° +240°
- F2E5B1
Oyster Bisque
- B6F0FF
≈ Northrend
- FFD6F4
≈ Sweet Sachet
Complementare divisa +150° +210°
- F2E5B1
Oyster Bisque
- CFE8FF
≈ Veiling Waterfalls
- ECDDFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- F2E5B1
Oyster Bisque
- B0F4EB
≈ Pale King’s Blue
- DDE3FF
≈ Stoic White
- FFD9E0
≈ It’s a Girl!
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.61:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.61:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--oyster-bisque: #f2e5b1;
--oyster-bisque-rgb: 242 229 177;
--oyster-bisque-oklch: oklch(0.92 0.069 95.7);
}
.element {
color: var(--oyster-bisque);
background-color: hsl(48 71% 82%);
border-color: oklch(0.92 0.069 95.7);
}Tailwind CSS v4
@theme {
--color-oyster-bisque: #f2e5b1;
--color-oyster-bisque-50: #faf6e0;
--color-oyster-bisque-100: #eee9cf;
--color-oyster-bisque-200: #dcd5b4;
--color-oyster-bisque-300: #c1b890;
--color-oyster-bisque-400: #aa9f70;
--color-oyster-bisque-500: #948650;
--color-oyster-bisque-600: #7d7244;
--color-oyster-bisque-700: #645b36;
--color-oyster-bisque-800: #4a4226;
--color-oyster-bisque-900: #332e19;
--color-oyster-bisque-950: #1f1a0a;
}SCSS
$oyster-bisque: #f2e5b1;
$oyster-bisque-rgb: 242, 229, 177;
$oyster-bisque-light: mix(#fff, $oyster-bisque, 20%);
$oyster-bisque-dark: mix(#000, $oyster-bisque, 20%);
.element {
color: $oyster-bisque;
box-shadow: 0 0 0 2px rgba($oyster-bisque, 0.35);
}