Nazwany kolor · #D7E4CC
Infinitesimal Green
Infinitesimal Green to #D7E4CC: rgb(215 228 204), hsl(93 31% 85%), oklch(0.903 0.035 130.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Infinitesimal Green color name →
#D7E4CC
oklch(0.903 0.035 130.5)
Konwersje koloru
- HEX
- #d7e4cc
- RGB
- rgb(215 228 204)
- HSL
- hsl(93 31% 85%)
- HWB
- hwb(93 80% 11%)
- OKLCH
- oklch(0.903 0.035 130.5)
- OKLab
- oklab(0.903 -0.023 0.027)
- CIE Lab
- lab(89.11 -7.68 10.2)
- LCH
- lch(89.11 12.77 127)
- CMYK
- cmyk(6% 0% 11% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBE7D1
- DFE9D6
- E3ECDB
- E7EFE0
- EBF1E5
- EFF4EA
- F3F7F0
- F7FAF5
- FBFCFA
Odcienie ciemniejsze
- BBC6B1
- 9FA997
- 858D7E
- 6B7265
- 52584E
- 3B3F37
- 252822
- 11120F
- 020302
Tony
- CEDAC4
- C5CFBC
- BCC5B5
- B3BBAD
- AAB1A5
- A2A79E
- 999D96
- 91938F
- 888A87
Harmonie kolorów
Komplementarna +180°
- D7E4CC
Infinitesimal Green
- E6D9F1
≈ Pouty Purple
Analogowa -30° +30°
- D7E4CC
Infinitesimal Green
- E4E0C6
≈ Green Power
- CCE6D7
≈ Misty Glen
Triada +120° +240°
- D7E4CC
Infinitesimal Green
- CEE1F6
≈ Light Breeze
- F5D6D9
≈ Redneck
Komplementarna rozszczepiona +150° +210°
- D7E4CC
Infinitesimal Green
- DADDF6
≈ Nostalgia Perfume
- F0D6E6
≈ All Made Up
Tetrada +90° +180° +270°
- D7E4CC
Infinitesimal Green
- C6E5EF
≈ Sapphireberry
- E6D9F1
≈ Pouty Purple
- F5D8CE
≈ Pink Zest
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.85:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--infinitesimal-green: #d7e4cc;
--infinitesimal-green-rgb: 215 228 204;
--infinitesimal-green-oklch: oklch(0.903 0.035 130.5);
}
.element {
color: var(--infinitesimal-green);
background-color: hsl(93 31% 85%);
border-color: oklch(0.903 0.035 130.5);
}Tailwind CSS v4
@theme {
--color-infinitesimal-green: #d7e4cc;
--color-infinitesimal-green-50: #f1f7ed;
--color-infinitesimal-green-100: #e3ebdf;
--color-infinitesimal-green-200: #cfd8c8;
--color-infinitesimal-green-300: #b1bba9;
--color-infinitesimal-green-400: #97a38e;
--color-infinitesimal-green-500: #7e8b73;
--color-infinitesimal-green-600: #6b7662;
--color-infinitesimal-green-700: #555e4e;
--color-infinitesimal-green-800: #3f4538;
--color-infinitesimal-green-900: #2b3026;
--color-infinitesimal-green-950: #181c15;
}SCSS
$infinitesimal-green: #d7e4cc;
$infinitesimal-green-rgb: 215, 228, 204;
$infinitesimal-green-light: mix(#fff, $infinitesimal-green, 20%);
$infinitesimal-green-dark: mix(#000, $infinitesimal-green, 20%);
.element {
color: $infinitesimal-green;
box-shadow: 0 0 0 2px rgba($infinitesimal-green, 0.35);
}