Color con nombre · #E2E7D3
Just About Green
Just About Green es #E2E7D3: rgb(226 231 211), hsl(75 29% 87%), oklch(0.919 0.027 118.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Just About Green color name →
#E2E7D3
oklch(0.919 0.027 118.3)
Conversiones de color
- HEX
- #e2e7d3
- RGB
- rgb(226 231 211)
- HSL
- hsl(75 29% 87%)
- HWB
- hwb(75 83% 9%)
- OKLCH
- oklch(0.919 0.027 118.3)
- OKLab
- oklab(0.919 -0.013 0.024)
- CIE Lab
- lab(90.85 -4.33 9.17)
- LCH
- lch(90.85 10.14 115.3)
- CMYK
- cmyk(2% 0% 9% 9%)
Tintes · Sombras · Tonos
Tintes
- E5E9D7
- E8ECDC
- EBEEE0
- EEF1E5
- F0F3E9
- F3F5ED
- F6F8F2
- F9FAF6
- FCFDFB
Sombras
- C4C9B7
- A8AB9C
- 8C8F82
- 717369
- 575951
- 3E403A
- 272824
- 121310
- 030302
Tonos
- D8DCCA
- CED2C2
- C4C7B9
- BABDB1
- B0B2A9
- A6A8A0
- 9C9E98
- 939490
- 898A88
Armonías de color
Complementario +180°
- E2E7D3
Just About Green
- E6E1F4
≈ Romantic Cruise
Análogo -30° +30°
- E2E7D3
Just About Green
- ECE4D0
≈ Primrose White
- D9EADA
≈ Bath
Triádico +120° +240°
- E2E7D3
Just About Green
- D4E7F5
≈ Freezing Vapour
- F4DDE4
≈ Ranunculus White
Complementario dividido +150° +210°
- E2E7D3
Just About Green
- DCE4F7
≈ Iris Ice
- EFDEED
≈ Divine Dove
Tetrádico +90° +180° +270°
- E2E7D3
Just About Green
- D0EAEE
≈ Castle in the Sky
- E6E1F4
≈ Romantic Cruise
- F6DEDA
≈ Pink Chablis
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.60:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--just-about-green: #e2e7d3;
--just-about-green-rgb: 226 231 211;
--just-about-green-oklch: oklch(0.919 0.027 118.3);
}
.element {
color: var(--just-about-green);
background-color: hsl(75 29% 87%);
border-color: oklch(0.919 0.027 118.3);
}Tailwind CSS v4
@theme {
--color-just-about-green: #e2e7d3;
--color-just-about-green-50: #f4f6ee;
--color-just-about-green-100: #e6e9df;
--color-just-about-green-200: #d2d6c9;
--color-just-about-green-300: #b5baaa;
--color-just-about-green-400: #9da18f;
--color-just-about-green-500: #848975;
--color-just-about-green-600: #707463;
--color-just-about-green-700: #595d4f;
--color-just-about-green-800: #424439;
--color-just-about-green-900: #2d2f27;
--color-just-about-green-950: #1a1b15;
}SCSS
$just-about-green: #e2e7d3;
$just-about-green-rgb: 226, 231, 211;
$just-about-green-light: mix(#fff, $just-about-green, 20%);
$just-about-green-dark: mix(#000, $just-about-green, 20%);
.element {
color: $just-about-green;
box-shadow: 0 0 0 2px rgba($just-about-green, 0.35);
}