Màu có tên · #D1E5B5
Green Reflection
Green Reflection là #D1E5B5: rgb(209 229 181), hsl(85 48% 80%), oklch(0.895 0.067 126.1). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Green Reflection color name →
#D1E5B5
oklch(0.895 0.067 126.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D6E8BC
- DAEAC4
- DFEDCB
- E3F0D3
- E8F2DA
- ECF5E2
- F1F7E9
- F6FAF0
- FAFCF8
Sắc đậm
- B5C79D
- 9BAA86
- 818E6F
- 687259
- 505844
- 393F30
- 23281D
- 10120C
- 020302
Sắc xám
- C9DAB0
- C0D0AA
- B8C6A5
- B0BBA0
- A8B19B
- A0A795
- 989D90
- 90938B
- 888A85
Hòa sắc
Bổ túc +180°
- D1E5B5
Green Reflection
- E7D2FF
≈ Rose Dragée
Tương đồng -30° +30°
- D1E5B5
Green Reflection
- E9DDAA
≈ Green Charm
- B9EACA
≈ Mint-o-licious
Bộ ba +120° +240°
- D1E5B5
Green Reflection
- C0E1FF
≈ Dithered Sky
- FFCDD6
≈ Bologna Sausage
Bổ túc chia +150° +210°
- D1E5B5
Green Reflection
- D3DAFF
≈ Icy Plains
- FACCED
≈ Infra-White
Bộ bốn +90° +180° +270°
- D1E5B5
Green Reflection
- A9E8F9
≈ Fresh Air
- E7D2FF
≈ Rose Dragée
- FFD0C3
≈ Salmon Mousse
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.34:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.58:1 · APCA Lc 87
Màu chữ tốt nhất: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
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);
}