Colore con nome · #FDF1AF
Paper Tiger
Paper Tiger è #FDF1AF: rgb(253 241 175), hsl(51 95% 84%), oklch(0.952 0.085 99.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Paper Tiger color name →
#FDF1AF
oklch(0.952 0.085 99.1)
Conversioni di colore
- HEX
- #fdf1af
- RGB
- rgb(253 241 175)
- HSL
- hsl(51 95% 84%)
- HWB
- hwb(51 69% 1%)
- OKLCH
- oklch(0.952 0.085 99.1)
- OKLab
- oklab(0.952 -0.013 0.084)
- CIE Lab
- lab(94.96 -2.93 33.51)
- LCH
- lch(94.96 33.64 95)
- CMYK
- cmyk(0% 5% 31% 1%)
Tinte · Ombre · Toni
Tinte
- FDF3B7
- FDF4C0
- FEF5C8
- FEF7D0
- FEF8D8
- FEFAE0
- FEFBE8
- FFFCF0
- FFFEF7
Ombre
- DCD298
- BCB381
- 9D956B
- 7F7956
- 625D41
- 47432E
- 2D2B1C
- 16140B
- 030301
Toni
- F0E5AB
- E3DAA6
- D6CEA2
- C9C29D
- BCB799
- B0AC94
- A4A18F
- 98968A
- 8C8B85
Armonie di colore
Complementare +180°
- FDF1AF
Paper Tiger
- EBEEFF
≈ Carte Blanche
Analogo -30° +30°
- FDF1AF
Paper Tiger
- FFECD7
≈ Crushed Cashew
- DEFBBF
≈ Herbal Vapours
Triadico +120° +240°
- FDF1AF
Paper Tiger
- D7F5FF
≈ Glacial Day
- FFE7F6
≈ Dolomite Crystal
Complementare divisa +150° +210°
- FDF1AF
Paper Tiger
- E4F1FF
≈ Cotton Boll
- F5EAFF
≈ Placebo Fuchsia
Tetradico +90° +180° +270°
- FDF1AF
Paper Tiger
- B9FFF9
≈ Winter Meadow
- EBEEFF
≈ Carte Blanche
- FFE9EC
≈ Pink Sparkle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.37:1 · APCA Lc 98
Miglior colore del testo: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--paper-tiger: #fdf1af;
--paper-tiger-rgb: 253 241 175;
--paper-tiger-oklch: oklch(0.952 0.085 99.1);
}
.element {
color: var(--paper-tiger);
background-color: hsl(51 95% 84%);
border-color: oklch(0.952 0.085 99.1);
}Tailwind CSS v4
@theme {
--color-paper-tiger: #fdf1af;
--color-paper-tiger-50: #faf6db;
--color-paper-tiger-100: #ede9c9;
--color-paper-tiger-200: #dcd6ad;
--color-paper-tiger-300: #c0b987;
--color-paper-tiger-400: #aba064;
--color-paper-tiger-500: #948740;
--color-paper-tiger-600: #7d7237;
--color-paper-tiger-700: #645b2c;
--color-paper-tiger-800: #4b421e;
--color-paper-tiger-900: #342e14;
--color-paper-tiger-950: #1f1b06;
}SCSS
$paper-tiger: #fdf1af;
$paper-tiger-rgb: 253, 241, 175;
$paper-tiger-light: mix(#fff, $paper-tiger, 20%);
$paper-tiger-dark: mix(#000, $paper-tiger, 20%);
.element {
color: $paper-tiger;
box-shadow: 0 0 0 2px rgba($paper-tiger, 0.35);
}