Nazwany kolor · #E1E9DB
Pergola Panorama
Pergola Panorama to #E1E9DB: rgb(225 233 219), hsl(94 24% 89%), oklch(0.924 0.021 131.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pergola Panorama color name →
#E1E9DB
oklch(0.924 0.021 131.5)
Konwersje koloru
- HEX
- #e1e9db
- RGB
- rgb(225 233 219)
- HSL
- hsl(94 24% 89%)
- HWB
- hwb(94 86% 9%)
- OKLCH
- oklch(0.924 0.021 131.5)
- OKLab
- oklab(0.924 -0.014 0.015)
- CIE Lab
- lab(91.44 -4.62 5.85)
- LCH
- lch(91.44 7.46 128.3)
- CMYK
- cmyk(3% 0% 6% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4EBDF
- E7EDE2
- EAF0E6
- EDF2E9
- F0F4ED
- F3F6F1
- F6F8F4
- F9FBF8
- FCFDFB
Odcienie ciemniejsze
- C4CBBE
- A7ADA2
- 8B9087
- 70746D
- 565A54
- 3E413C
- 272926
- 121311
- 020302
Tony
- D7DED2
- CDD3C8
- C3C8BF
- B9BEB6
- AFB3AC
- A6A9A3
- 9C9E9A
- 939491
- 898A89
Harmonie kolorów
Komplementarna +180°
- E1E9DB
Pergola Panorama
- EAE2F0
≈ Faded Fuchsia
Analogowa -30° +30°
- E1E9DB
Pergola Panorama
- E8E7D7
≈ Carrara Marble
- DBEAE2
≈ Green Emulsion
Triada +120° +240°
- E1E9DB
Pergola Panorama
- DCE7F4
≈ St. Petersburg
- F3E1E2
≈ Cute Little Pink
Komplementarna rozszczepiona +150° +210°
- E1E9DB
Pergola Panorama
- E3E5F4
≈ Crystal Falls
- F0E1EA
≈ Struck by Lightning
Tetrada +90° +180° +270°
- E1E9DB
Pergola Panorama
- D8E9F0
≈ Spacious Skies
- EAE2F0
≈ Faded Fuchsia
- F3E2DC
≈ Brandy Alexander
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.87:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.87:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--pergola-panorama: #e1e9db;
--pergola-panorama-rgb: 225 233 219;
--pergola-panorama-oklch: oklch(0.924 0.021 131.5);
}
.element {
color: var(--pergola-panorama);
background-color: hsl(94 24% 89%);
border-color: oklch(0.924 0.021 131.5);
}Tailwind CSS v4
@theme {
--color-pergola-panorama: #e1e9db;
--color-pergola-panorama-50: #f3f6f1;
--color-pergola-panorama-100: #e5e9e3;
--color-pergola-panorama-200: #d1d6cd;
--color-pergola-panorama-300: #b3baaf;
--color-pergola-panorama-400: #9aa195;
--color-pergola-panorama-500: #81897b;
--color-pergola-panorama-600: #6d7468;
--color-pergola-panorama-700: #575d53;
--color-pergola-panorama-800: #40443c;
--color-pergola-panorama-900: #2c2f29;
--color-pergola-panorama-950: #191b17;
}SCSS
$pergola-panorama: #e1e9db;
$pergola-panorama-rgb: 225, 233, 219;
$pergola-panorama-light: mix(#fff, $pergola-panorama, 20%);
$pergola-panorama-dark: mix(#000, $pergola-panorama, 20%);
.element {
color: $pergola-panorama;
box-shadow: 0 0 0 2px rgba($pergola-panorama, 0.35);
}