Colore con nome · #E4CCB0
Jacobean Lace
Jacobean Lace è #E4CCB0: rgb(228 204 176), hsl(32 49% 79%), oklch(0.858 0.046 71.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Jacobean Lace color name →
#E4CCB0
oklch(0.858 0.046 71.4)
Conversioni di colore
- HEX
- #e4ccb0
- RGB
- rgb(228 204 176)
- HSL
- hsl(32 49% 79%)
- HWB
- hwb(32 69% 11%)
- OKLCH
- oklch(0.858 0.046 71.4)
- OKLab
- oklab(0.858 0.015 0.044)
- CIE Lab
- lab(83.54 5.5 17.24)
- LCH
- lch(83.54 18.1 72.3)
- CMYK
- cmyk(0% 11% 23% 11%)
Tinte · Ombre · Toni
Tinte
- E7D1B8
- E9D6C0
- ECDBC8
- EFE0CF
- F2E5D7
- F4EADF
- F7F0E7
- FAF5EF
- FCFAF7
Ombre
- C6B199
- A99782
- 8D7E6C
- 726556
- 584E42
- 3F372E
- 28221C
- 120F0B
- 030201
Toni
- DAC4AB
- CFBCA6
- C5B5A2
- BBAD9D
- B1A598
- A79E93
- 9D968E
- 938F8A
- 8A8785
Armonie di colore
Complementare +180°
- E4CCB0
Jacobean Lace
- BBD3EE
≈ Summer Birthday
Analogo -30° +30°
- E4CCB0
Jacobean Lace
- ECC7B9
≈ Renaissance Fresco
- D6D2AF
≈ Chinese Silk
Triadico +120° +240°
- E4CCB0
Jacobean Lace
- AEDBD8
≈ Beachside Drive
- DAC8E7
≈ Foggy Love
Complementare divisa +150° +210°
- E4CCB0
Jacobean Lace
- B0D8E6
≈ Blue Refrain
- CBCDEF
≈ Miami White
Tetradico +90° +180° +270°
- E4CCB0
Jacobean Lace
- B7DAC7
≈ Cool Spring
- BBD3EE
≈ Summer Birthday
- E7C5D9
≈ Dreamy Memory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.56:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--jacobean-lace: #e4ccb0;
--jacobean-lace-rgb: 228 204 176;
--jacobean-lace-oklch: oklch(0.858 0.046 71.4);
}
.element {
color: var(--jacobean-lace);
background-color: hsl(32 49% 79%);
border-color: oklch(0.858 0.046 71.4);
}Tailwind CSS v4
@theme {
--color-jacobean-lace: #e4ccb0;
--color-jacobean-lace-50: #fdf3e7;
--color-jacobean-lace-100: #f2e6d7;
--color-jacobean-lace-200: #e1d2bf;
--color-jacobean-lace-300: #c6b49e;
--color-jacobean-lace-400: #b09a81;
--color-jacobean-lace-500: #9a8165;
--color-jacobean-lace-600: #826e55;
--color-jacobean-lace-700: #685844;
--color-jacobean-lace-800: #4d4031;
--color-jacobean-lace-900: #362c21;
--color-jacobean-lace-950: #211911;
}SCSS
$jacobean-lace: #e4ccb0;
$jacobean-lace-rgb: 228, 204, 176;
$jacobean-lace-light: mix(#fff, $jacobean-lace, 20%);
$jacobean-lace-dark: mix(#000, $jacobean-lace, 20%);
.element {
color: $jacobean-lace;
box-shadow: 0 0 0 2px rgba($jacobean-lace, 0.35);
}