Cor nomeada · #C7FDB5
Distilled Venom
Distilled Venom é #C7FDB5: rgb(199 253 181), hsl(105 95% 85%), oklch(0.939 0.11 138). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Distilled Venom color name →
#C7FDB5
oklch(0.939 0.11 138)
Conversões de cor
- HEX
- #c7fdb5
- RGB
- rgb(199 253 181)
- HSL
- hsl(105 95% 85%)
- HWB
- hwb(105 71% 1%)
- OKLCH
- oklch(0.939 0.11 138)
- OKLab
- oklab(0.939 -0.081 0.073)
- CIE Lab
- lab(94.28 -27.38 28.78)
- LCH
- lch(94.28 39.73 133.6)
- CMYK
- cmyk(21% 0% 28% 1%)
Tons claros · Sombras · Tons
Tons claros
- CDFDBD
- D3FEC4
- D8FECC
- DEFED3
- E4FFDB
- E9FFE2
- EFFFE9
- F4FFF1
- FAFFF8
Sombras
- ADDC9D
- 93BC86
- 7A9D6F
- 627F59
- 4C6244
- 364730
- 212D1D
- 0E160C
- 020302
Tons
- C0F0B0
- B9E3AB
- B2D6A6
- ABC9A0
- A3BD9B
- 9CB096
- 95A490
- 8E988B
- 878C86
Harmonias de cor
Complementar +180°
- C7FDB5
Distilled Venom
- F8E2FF
≈ Sugarpills
Análoga -30° +30°
- C7FDB5
Distilled Venom
- F2F199
≈ Portofino
- AEFFE0
≈ Icery
Tríade +120° +240°
- C7FDB5
Distilled Venom
- DFECFF
≈ Calcareous Sinter
- FFE3E3
≈ Misty Rose
Complementar dividida +150° +210°
- C7FDB5
Distilled Venom
- E9E8FF
≈ Glitter
- FFE2EF
≈ Pale Blossom
Tétrade +90° +180° +270°
- C7FDB5
Distilled Venom
- D2F1FF
≈ Water
- F8E2FF
≈ Sugarpills
- FFE5D8
≈ Light Peach Rose
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASobre preto
WCAG 18.14:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.14:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--distilled-venom: #c7fdb5;
--distilled-venom-rgb: 199 253 181;
--distilled-venom-oklch: oklch(0.939 0.11 138);
}
.element {
color: var(--distilled-venom);
background-color: hsl(105 95% 85%);
border-color: oklch(0.939 0.11 138);
}Tailwind CSS v4
@theme {
--color-distilled-venom: #c7fdb5;
--color-distilled-venom-50: #e5fde0;
--color-distilled-venom-100: #d5f2cf;
--color-distilled-venom-200: #bce0b4;
--color-distilled-venom-300: #9ac690;
--color-distilled-venom-400: #7eae6e;
--color-distilled-venom-500: #60974d;
--color-distilled-venom-600: #528042;
--color-distilled-venom-700: #416634;
--color-distilled-venom-800: #304b23;
--color-distilled-venom-900: #213417;
--color-distilled-venom-950: #101f08;
}SCSS
$distilled-venom: #c7fdb5;
$distilled-venom-rgb: 199, 253, 181;
$distilled-venom-light: mix(#fff, $distilled-venom, 20%);
$distilled-venom-dark: mix(#000, $distilled-venom, 20%);
.element {
color: $distilled-venom;
box-shadow: 0 0 0 2px rgba($distilled-venom, 0.35);
}