Color con nombre · #C1E28A
Oxalis
Oxalis es #C1E28A: rgb(193 226 138), hsl(83 60% 71%), oklch(0.869 0.119 125.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Oxalis color name →
#C1E28A
oklch(0.869 0.119 125.5)
Conversiones de color
- HEX
- #c1e28a
- RGB
- rgb(193 226 138)
- HSL
- hsl(83 60% 71%)
- HWB
- hwb(83 54% 11%)
- OKLCH
- oklch(0.869 0.119 125.5)
- OKLab
- oklab(0.869 -0.069 0.097)
- CIE Lab
- lab(85.97 -21.92 39.23)
- LCH
- lch(85.97 44.94 119.2)
- CMYK
- cmyk(15% 0% 39% 11%)
Tintes · Sombras · Tonos
Tintes
- C7E597
- CDE8A3
- D3EBAF
- D9EEBA
- E0F1C6
- E6F4D2
- ECF7DD
- F2FAE8
- F9FCF4
Sombras
- A7C477
- 8FA865
- 778C53
- 5F7142
- 495732
- 343E22
- 202714
- 0E1207
- 020301
Tonos
- BAD88A
- B4CE8A
- ADC489
- A6BA88
- A0B087
- 99A686
- 939D85
- 8D9384
- 868A82
Armonías de color
Complementario +180°
- C1E28A
Oxalis
- E0C7FF
≈ Neon Boneyard
Análogo -30° +30°
- C1E28A
Oxalis
- ECD374
≈ Funky Yellow
- 90EBB2
≈ Teal Deer
Triádico +120° +240°
- C1E28A
Oxalis
- AFD9FF
≈ Malmö FF
- FFC0CD
≈ Pink
Complementario dividido +150° +210°
- C1E28A
Oxalis
- C7D1FF
≈ Pale Phthalo Blue
- FFBAEE
≈ Pink Quartz
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.51:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--oxalis: #c1e28a;
--oxalis-rgb: 193 226 138;
--oxalis-oklch: oklch(0.869 0.119 125.5);
}
.element {
color: var(--oxalis);
background-color: hsl(83 60% 71%);
border-color: oklch(0.869 0.119 125.5);
}Tailwind CSS v4
@theme {
--color-oxalis: #c1e28a;
--color-oxalis-50: #ecfcd8;
--color-oxalis-100: #ddf0c6;
--color-oxalis-200: #c6dea8;
--color-oxalis-300: #a6c381;
--color-oxalis-400: #8eab5a;
--color-oxalis-500: #739331;
--color-oxalis-600: #627d2b;
--color-oxalis-700: #4e6422;
--color-oxalis-800: #3a4915;
--color-oxalis-900: #28330d;
--color-oxalis-950: #161e02;
}SCSS
$oxalis: #c1e28a;
$oxalis-rgb: 193, 226, 138;
$oxalis-light: mix(#fff, $oxalis, 20%);
$oxalis-dark: mix(#000, $oxalis, 20%);
.element {
color: $oxalis;
box-shadow: 0 0 0 2px rgba($oxalis, 0.35);
}