Colore con nome · #F8DDB7
Hinoki
Hinoki è #F8DDB7: rgb(248 221 183), hsl(35 82% 85%), oklch(0.91 0.058 76.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Hinoki color name →
#F8DDB7
oklch(0.91 0.058 76.3)
Conversioni di colore
- HEX
- #f8ddb7
- RGB
- rgb(248 221 183)
- HSL
- hsl(35 82% 85%)
- HWB
- hwb(35 72% 3%)
- OKLCH
- oklch(0.91 0.058 76.3)
- OKLab
- oklab(0.91 0.014 0.056)
- CIE Lab
- lab(89.67 5.48 22.32)
- LCH
- lch(89.67 22.98 76.2)
- CMYK
- cmyk(0% 11% 26% 3%)
Tinte · Ombre · Toni
Tinte
- F9E0BE
- FAE4C6
- FAE7CD
- FBEBD4
- FCEEDB
- FCF2E2
- FDF5EA
- FEF8F1
- FEFCF8
Ombre
- D8C09F
- B8A487
- 9A8870
- 7C6E5A
- 605545
- 453D31
- 2C261E
- 15110C
- 030202
Toni
- EBD3B2
- DFCAAC
- D3C0A7
- C6B7A1
- BAAD9C
- AEA496
- A39B91
- 97928B
- 8B8986
Armonie di colore
Complementare +180°
- F8DDB7
Hinoki
- CFE3FF
≈ Arc Light
Analogo -30° +30°
- F8DDB7
Hinoki
- FFD8C6
≈ Camisole
- E6E5B8
≈ Lily Scent Green
Triadico +120° +240°
- F8DDB7
Hinoki
- B5EEEE
≈ Mint Macaron
- F1D6FC
≈ Lavender Savour
Complementare divisa +150° +210°
- F8DDB7
Hinoki
- BAEAFF
≈ Blue Java Banana
- DEDEFF
≈ Contrail
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.01:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.01:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--hinoki: #f8ddb7;
--hinoki-rgb: 248 221 183;
--hinoki-oklch: oklch(0.91 0.058 76.3);
}
.element {
color: var(--hinoki);
background-color: hsl(35 82% 85%);
border-color: oklch(0.91 0.058 76.3);
}Tailwind CSS v4
@theme {
--color-hinoki: #f8ddb7;
--color-hinoki-50: #fef4e3;
--color-hinoki-100: #f3e6d3;
--color-hinoki-200: #e2d2b9;
--color-hinoki-300: #c8b497;
--color-hinoki-400: #b29a78;
--color-hinoki-500: #9c815a;
--color-hinoki-600: #846d4d;
--color-hinoki-700: #6a583d;
--color-hinoki-800: #4e402c;
--color-hinoki-900: #372c1d;
--color-hinoki-950: #21190d;
}SCSS
$hinoki: #f8ddb7;
$hinoki-rgb: 248, 221, 183;
$hinoki-light: mix(#fff, $hinoki, 20%);
$hinoki-dark: mix(#000, $hinoki, 20%);
.element {
color: $hinoki;
box-shadow: 0 0 0 2px rgba($hinoki, 0.35);
}