Nazwany kolor · #D1E5B5
Green Reflection
Green Reflection to #D1E5B5: rgb(209 229 181), hsl(85 48% 80%), oklch(0.895 0.067 126.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Reflection color name →
#D1E5B5
oklch(0.895 0.067 126.1)
Konwersje koloru
- HEX
- #d1e5b5
- RGB
- rgb(209 229 181)
- HSL
- hsl(85 48% 80%)
- HWB
- hwb(85 71% 10%)
- OKLCH
- oklch(0.895 0.067 126.1)
- OKLab
- oklab(0.895 -0.04 0.054)
- CIE Lab
- lab(88.52 -13.05 21.17)
- LCH
- lch(88.52 24.87 121.6)
- CMYK
- cmyk(9% 0% 21% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6E8BC
- DAEAC4
- DFEDCB
- E3F0D3
- E8F2DA
- ECF5E2
- F1F7E9
- F6FAF0
- FAFCF8
Odcienie ciemniejsze
- B5C79D
- 9BAA86
- 818E6F
- 687259
- 505844
- 393F30
- 23281D
- 10120C
- 020302
Tony
- C9DAB0
- C0D0AA
- B8C6A5
- B0BBA0
- A8B19B
- A0A795
- 989D90
- 90938B
- 888A85
Harmonie kolorów
Komplementarna +180°
- D1E5B5
Green Reflection
- E7D2FF
≈ Rose Dragée
Analogowa -30° +30°
- D1E5B5
Green Reflection
- E9DDAA
≈ Green Charm
- B9EACA
≈ Mint-o-licious
Triada +120° +240°
- D1E5B5
Green Reflection
- C0E1FF
≈ Dithered Sky
- FFCDD6
≈ Bologna Sausage
Komplementarna rozszczepiona +150° +210°
- D1E5B5
Green Reflection
- D3DAFF
≈ Icy Plains
- FACCED
≈ Infra-White
Tetrada +90° +180° +270°
- D1E5B5
Green Reflection
- A9E8F9
≈ Fresh Air
- E7D2FF
≈ Rose Dragée
- FFD0C3
≈ Salmon Mousse
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.58:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-reflection: #d1e5b5;
--green-reflection-rgb: 209 229 181;
--green-reflection-oklch: oklch(0.895 0.067 126.1);
}
.element {
color: var(--green-reflection);
background-color: hsl(85 48% 80%);
border-color: oklch(0.895 0.067 126.1);
}Tailwind CSS v4
@theme {
--color-green-reflection: #d1e5b5;
--color-green-reflection-50: #eff9e5;
--color-green-reflection-100: #e1edd5;
--color-green-reflection-200: #ccdabc;
--color-green-reflection-300: #adbe9a;
--color-green-reflection-400: #94a67b;
--color-green-reflection-500: #7b8f5d;
--color-green-reflection-600: #68794f;
--color-green-reflection-700: #53603f;
--color-green-reflection-800: #3d462c;
--color-green-reflection-900: #2a311e;
--color-green-reflection-950: #181d0e;
}SCSS
$green-reflection: #d1e5b5;
$green-reflection-rgb: 209, 229, 181;
$green-reflection-light: mix(#fff, $green-reflection, 20%);
$green-reflection-dark: mix(#000, $green-reflection, 20%);
.element {
color: $green-reflection;
box-shadow: 0 0 0 2px rgba($green-reflection, 0.35);
}