Colore con nome · #F7DBA6
Pecan Cream
Pecan Cream è #F7DBA6: rgb(247 219 166), hsl(39 84% 81%), oklch(0.902 0.075 83.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pecan Cream color name →
#F7DBA6
oklch(0.902 0.075 83.2)
Conversioni di colore
- HEX
- #f7dba6
- RGB
- rgb(247 219 166)
- HSL
- hsl(39 84% 81%)
- HWB
- hwb(39 65% 3%)
- OKLCH
- oklch(0.902 0.075 83.2)
- OKLab
- oklab(0.902 0.009 0.074)
- CIE Lab
- lab(88.82 4.49 29.88)
- LCH
- lch(88.82 30.22 81.4)
- CMYK
- cmyk(0% 11% 33% 3%)
Tinte · Ombre · Toni
Tinte
- F8DFAF
- F9E2B8
- FAE6C1
- FAEACA
- FBEDD3
- FCF1DC
- FDF4E5
- FEF8EE
- FEFBF6
Ombre
- D7BE90
- B7A27A
- 998765
- 7C6D51
- 60543E
- 453C2B
- 2C261A
- 15110A
- 030201
Toni
- EBD2A3
- DEC89F
- D2BF9B
- C6B698
- BAAD94
- AEA490
- A29B8C
- 979288
- 8B8984
Armonie di colore
Complementare +180°
- F7DBA6
Pecan Cream
- CFDFFF
≈ Arc Light
Analogo -30° +30°
- F7DBA6
Pecan Cream
- FFD5BB
≈ Mom’s Love
- DEE5AB
≈ Bit of Lime
Triadico +120° +240°
- F7DBA6
Pecan Cream
- A2EEF5
≈ Permafrost
- F8CFFC
≈ Sassy Pink
Complementare divisa +150° +210°
- F7DBA6
Pecan Cream
- BAE6FF
≈ Breaking the Ice
- DFD9FF
≈ Transparent Blue
Tetradico +90° +180° +270°
- F7DBA6
Pecan Cream
- ABF0DA
≈ Faint Clover
- CFDFFF
≈ Arc Light
- FFCFE2
≈ Light Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.63:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--pecan-cream: #f7dba6;
--pecan-cream-rgb: 247 219 166;
--pecan-cream-oklch: oklch(0.902 0.075 83.2);
}
.element {
color: var(--pecan-cream);
background-color: hsl(39 84% 81%);
border-color: oklch(0.902 0.075 83.2);
}Tailwind CSS v4
@theme {
--color-pecan-cream: #f7dba6;
--color-pecan-cream-50: #fff4dd;
--color-pecan-cream-100: #f3e7cc;
--color-pecan-cream-200: #e3d2b0;
--color-pecan-cream-300: #c9b58c;
--color-pecan-cream-400: #b49b6b;
--color-pecan-cream-500: #9e8249;
--color-pecan-cream-600: #866e3f;
--color-pecan-cream-700: #6b5832;
--color-pecan-cream-800: #504023;
--color-pecan-cream-900: #372c17;
--color-pecan-cream-950: #221908;
}SCSS
$pecan-cream: #f7dba6;
$pecan-cream-rgb: 247, 219, 166;
$pecan-cream-light: mix(#fff, $pecan-cream, 20%);
$pecan-cream-dark: mix(#000, $pecan-cream, 20%);
.element {
color: $pecan-cream;
box-shadow: 0 0 0 2px rgba($pecan-cream, 0.35);
}