Nazwany kolor · #E4D5B9
Hidden Path
Hidden Path to #E4D5B9: rgb(228 213 185), hsl(39 44% 81%), oklch(0.878 0.041 83.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Hidden Path color name →
#E4D5B9
oklch(0.878 0.041 83.1)
Konwersje koloru
- HEX
- #e4d5b9
- RGB
- rgb(228 213 185)
- HSL
- hsl(39 44% 81%)
- HWB
- hwb(39 73% 11%)
- OKLCH
- oklch(0.878 0.041 83.1)
- OKLab
- oklab(0.878 0.005 0.041)
- CIE Lab
- lab(85.96 2.05 15.87)
- LCH
- lch(85.96 16 82.6)
- CMYK
- cmyk(0% 7% 19% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7D9C0
- E9DDC7
- ECE2CE
- EFE6D5
- F1EADC
- F4EEE3
- F7F2EA
- FAF7F1
- FCFBF8
Odcienie ciemniejsze
- C6B9A0
- A99E89
- 8D8371
- 726A5B
- 585146
- 3F3A31
- 28241E
- 12100D
- 030202
Tony
- DACCB3
- CFC3AD
- C5BBA8
- BBB2A2
- B1AA9C
- A7A197
- 9D9991
- 93908B
- 8A8886
Harmonie kolorów
Komplementarna +180°
- E4D5B9
Hidden Path
- C9D7F3
≈ Fly a Kite
Analogowa -30° +30°
- E4D5B9
Hidden Path
- EDD0BE
≈ Peach Blossom Red
- D6DABC
≈ Breezeway
Triada +120° +240°
- E4D5B9
Hidden Path
- B8DFE3
≈ Basin Blue
- E5CEE7
≈ Footie Pyjamas
Komplementarna rozszczepiona +150° +210°
- E4D5B9
Hidden Path
- BDDCEE
≈ Twin Blue
- D7D2F0
≈ Air Castle
Tetrada +90° +180° +270°
- E4D5B9
Hidden Path
- BCE0D4
≈ Otto Ice
- C9D7F3
≈ Fly a Kite
- EECCD9
≈ Smidgen of Love
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.51:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--hidden-path: #e4d5b9;
--hidden-path-rgb: 228 213 185;
--hidden-path-oklch: oklch(0.878 0.041 83.1);
}
.element {
color: var(--hidden-path);
background-color: hsl(39 44% 81%);
border-color: oklch(0.878 0.041 83.1);
}Tailwind CSS v4
@theme {
--color-hidden-path: #e4d5b9;
--color-hidden-path-50: #faf5e8;
--color-hidden-path-100: #eee7d9;
--color-hidden-path-200: #dcd3c1;
--color-hidden-path-300: #c1b6a0;
--color-hidden-path-400: #aa9d83;
--color-hidden-path-500: #938467;
--color-hidden-path-600: #7d7058;
--color-hidden-path-700: #645946;
--color-hidden-path-800: #4a4132;
--color-hidden-path-900: #332d22;
--color-hidden-path-950: #1f1a11;
}SCSS
$hidden-path: #e4d5b9;
$hidden-path-rgb: 228, 213, 185;
$hidden-path-light: mix(#fff, $hidden-path, 20%);
$hidden-path-dark: mix(#000, $hidden-path, 20%);
.element {
color: $hidden-path;
box-shadow: 0 0 0 2px rgba($hidden-path, 0.35);
}