Nazwany kolor · #E4CCB0
Jacobean Lace
Jacobean Lace to #E4CCB0: rgb(228 204 176), hsl(32 49% 79%), oklch(0.858 0.046 71.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Jacobean Lace color name →
#E4CCB0
oklch(0.858 0.046 71.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7D1B8
- E9D6C0
- ECDBC8
- EFE0CF
- F2E5D7
- F4EADF
- F7F0E7
- FAF5EF
- FCFAF7
Odcienie ciemniejsze
- C6B199
- A99782
- 8D7E6C
- 726556
- 584E42
- 3F372E
- 28221C
- 120F0B
- 030201
Tony
- DAC4AB
- CFBCA6
- C5B5A2
- BBAD9D
- B1A598
- A79E93
- 9D968E
- 938F8A
- 8A8785
Harmonie kolorów
Komplementarna +180°
- E4CCB0
Jacobean Lace
- BBD3EE
≈ Summer Birthday
Analogowa -30° +30°
- E4CCB0
Jacobean Lace
- ECC7B9
≈ Renaissance Fresco
- D6D2AF
≈ Chinese Silk
Triada +120° +240°
- E4CCB0
Jacobean Lace
- AEDBD8
≈ Beachside Drive
- DAC8E7
≈ Foggy Love
Komplementarna rozszczepiona +150° +210°
- E4CCB0
Jacobean Lace
- B0D8E6
≈ Blue Refrain
- CBCDEF
≈ Miami White
Tetrada +90° +180° +270°
- E4CCB0
Jacobean Lace
- B7DAC7
≈ Cool Spring
- BBD3EE
≈ Summer Birthday
- E7C5D9
≈ Dreamy Memory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.56:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}