Najbliższy nazwany kolor · #E3F1D9
#E3F1D9
Najbliższy nazwany kolor: Maison Verte
#E3F1D9 (rgb(227 241 217), hsl(95 46% 90%), oklch(0.941 0.035 132)) jest najbliższy nazwanemu kolorowi Maison Verte. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E3F1D9
oklch(0.941 0.035 132)
Konwersje koloru
- HEX
- #e3f1d9
- RGB
- rgb(227 241 217)
- HSL
- hsl(95 46% 90%)
- HWB
- hwb(95 85% 5%)
- OKLCH
- oklch(0.941 0.035 132)
- OKLab
- oklab(0.941 -0.024 0.026)
- CIE Lab
- lab(93.6 -7.96 9.97)
- LCH
- lch(93.6 12.75 128.6)
- CMYK
- cmyk(6% 0% 10% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6F2DD
- E9F4E1
- EBF5E4
- EEF7E8
- F1F8EC
- F4F9F0
- F7FBF4
- F9FCF7
- FCFEFB
Odcienie ciemniejsze
- C5D2BC
- A8B3A1
- 8C9586
- 71796C
- 575D53
- 3F433B
- 272B25
- 121411
- 030302
Tony
- D9E5D0
- CED9C7
- C4CEBD
- BAC2B4
- B0B7AC
- A6ACA3
- 9DA19A
- 939691
- 898B89
Harmonie kolorów
Komplementarna +180°
- E3F1D9
Maison Verte
- F4E5FD
≈ Soft Lavender
Analogowa -30° +30°
- E3F1D9
Maison Verte
- F0EDD2
≈ Whipped Citron
- D8F3E4
≈ Teal Treat
Triada +120° +240°
- E3F1D9
Maison Verte
- DEEDFF
≈ Calcareous Sinter
- FFE4E6
≈ Vanilla Strawberry
Komplementarna rozszczepiona +150° +210°
- E3F1D9
Maison Verte
- E8EAFF
≈ Glitter
- FDE3F2
≈ Bunny Tail
Tetrada +90° +180° +270°
- E3F1D9
Maison Verte
- D3F2FD
≈ Water
- F4E5FD
≈ Soft Lavender
- FFE5DC
≈ French Manicure
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.85:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.85:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--maison-verte: #e3f1d9;
--maison-verte-rgb: 227 241 217;
--maison-verte-oklch: oklch(0.941 0.035 132);
}
.element {
color: var(--maison-verte);
background-color: hsl(95 46% 90%);
border-color: oklch(0.941 0.035 132);
}Tailwind CSS v4
@theme {
--color-maison-verte: #e3f1d9;
--color-maison-verte-50: #f1f8ed;
--color-maison-verte-100: #e3ebdf;
--color-maison-verte-200: #ced8c9;
--color-maison-verte-300: #b0bcaa;
--color-maison-verte-400: #97a38e;
--color-maison-verte-500: #7e8b73;
--color-maison-verte-600: #6a7662;
--color-maison-verte-700: #555e4e;
--color-maison-verte-800: #3e4538;
--color-maison-verte-900: #2b3026;
--color-maison-verte-950: #181c15;
}SCSS
$maison-verte: #e3f1d9;
$maison-verte-rgb: 227, 241, 217;
$maison-verte-light: mix(#fff, $maison-verte, 20%);
$maison-verte-dark: mix(#000, $maison-verte, 20%);
.element {
color: $maison-verte;
box-shadow: 0 0 0 2px rgba($maison-verte, 0.35);
}