Color con nombre · #C7DE88
Coincidence
Coincidence es #C7DE88: rgb(199 222 136), hsl(76 57% 70%), oklch(0.864 0.113 121). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Coincidence color name →
#C7DE88
oklch(0.864 0.113 121)
Conversiones de color
- HEX
- #c7de88
- RGB
- rgb(199 222 136)
- HSL
- hsl(76 57% 70%)
- HWB
- hwb(76 53% 13%)
- OKLCH
- oklch(0.864 0.113 121)
- OKLab
- oklab(0.864 -0.058 0.097)
- CIE Lab
- lab(85.28 -18.03 39.46)
- LCH
- lch(85.28 43.39 114.5)
- CMYK
- cmyk(10% 0% 39% 13%)
Tintes · Sombras · Tonos
Tintes
- CCE195
- D2E5A1
- D7E8AD
- DDECB9
- E2EFC5
- E8F2D1
- EEF6DC
- F3F9E8
- F9FCF4
Sombras
- ADC175
- 93A563
- 7A8952
- 626F41
- 4C5531
- 363D22
- 212613
- 0E1206
- 020201
Tonos
- C0D488
- B8CB88
- B1C188
- AAB887
- A3AE86
- 9CA586
- 959C84
- 8E9283
- 878982
Armonías de color
Complementario +180°
- C7DE88
Coincidence
- DBC7FF
≈ Neon Boneyard
Análogo -30° +30°
- C7DE88
Coincidence
- EED077
≈ Summertime
- 99E8AC
≈ Hospital Green
Triádico +120° +240°
- C7DE88
Coincidence
- A7D9FF
≈ Malmö FF
- FFBDCF
≈ Rosie
Complementario dividido +150° +210°
- C7DE88
Coincidence
- C2D1FF
≈ Lavender Blue
- FEB7F5
≈ Sweet Slumber Pink
Tetrádico +90° +180° +270°
- C7DE88
Coincidence
- 6BE6FC
≈ Robin’s Egg
- DBC7FF
≈ Neon Boneyard
- FFC1B5
≈ Ruffled Parasol
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.23:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--coincidence: #c7de88;
--coincidence-rgb: 199 222 136;
--coincidence-oklch: oklch(0.864 0.113 121);
}
.element {
color: var(--coincidence);
background-color: hsl(76 57% 70%);
border-color: oklch(0.864 0.113 121);
}Tailwind CSS v4
@theme {
--color-coincidence: #c7de88;
--color-coincidence-50: #effbd8;
--color-coincidence-100: #e0efc5;
--color-coincidence-200: #cbdda7;
--color-coincidence-300: #acc180;
--color-coincidence-400: #94a959;
--color-coincidence-500: #7b9130;
--color-coincidence-600: #687b2a;
--color-coincidence-700: #536222;
--color-coincidence-800: #3e4815;
--color-coincidence-900: #2b320d;
--color-coincidence-950: #181d02;
}SCSS
$coincidence: #c7de88;
$coincidence-rgb: 199, 222, 136;
$coincidence-light: mix(#fff, $coincidence, 20%);
$coincidence-dark: mix(#000, $coincidence, 20%);
.element {
color: $coincidence;
box-shadow: 0 0 0 2px rgba($coincidence, 0.35);
}