Cor nomeada · #75DE2F
Tirisfal Lime
Tirisfal Lime é #75DE2F: rgb(117 222 47), hsl(96 73% 53%), oklch(0.806 0.223 136.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Tirisfal Lime color name →
#75DE2F
oklch(0.806 0.223 136.2)
Conversões de cor
- HEX
- #75de2f
- RGB
- rgb(117 222 47)
- HSL
- hsl(96 73% 53%)
- HWB
- hwb(96 18% 13%)
- OKLCH
- oklch(0.806 0.223 136.2)
- OKLab
- oklab(0.806 -0.161 0.155)
- CIE Lab
- lab(79.9 -52.33 68.49)
- LCH
- lch(79.9 86.19 127.4)
- CMYK
- cmyk(47% 0% 79% 13%)
Tons claros · Sombras · Tons
Tons claros
- 85E250
- 93E669
- A2EA7F
- B0ED93
- BDF1A6
- CBF4B8
- D8F7CA
- E5FADC
- F2FCEE
Sombras
- 65C127
- 55A520
- 468919
- 376F12
- 29550C
- 1C3D06
- 0F2603
- 051201
- 010200
Tons
- 78D541
- 7ACB4E
- 7CC259
- 7EB961
- 7FAF68
- 80A66E
- 809D74
- 809378
- 808A7C
Harmonias de cor
Complementar +180°
- 75DE2F
Tirisfal Lime
- E5A1FF
≈ Medium Lavender Magenta
Análoga -30° +30°
- 75DE2F
Tirisfal Lime
- CFC500
≈ Dirty Yellow
- 00E1A7
≈ Malted Mint Madness
Tríade +120° +240°
- 75DE2F
Tirisfal Lime
- 96C2FF
≈ Pastel Blue
- FFA2A7
≈ Strawberry Frappé
Complementar dividida +150° +210°
- 75DE2F
Tirisfal Lime
- BAB6FF
≈ Greyish Lavender
- FF9AD2
≈ Himalayan Balsam
Tétrade +90° +180° +270°
- 75DE2F
Tirisfal Lime
- 50D0FF
≈ Libra Blue Morpho
- E5A1FF
≈ Medium Lavender Magenta
- FFA77D
≈ Peachy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.71:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.24:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--tirisfal-lime: #75de2f;
--tirisfal-lime-rgb: 117 222 47;
--tirisfal-lime-oklch: oklch(0.806 0.223 136.2);
}
.element {
color: var(--tirisfal-lime);
background-color: hsl(96 73% 53%);
border-color: oklch(0.806 0.223 136.2);
}Tailwind CSS v4
@theme {
--color-tirisfal-lime: #75de2f;
--color-tirisfal-lime-50: #d6ffc7;
--color-tirisfal-lime-100: #c3fab1;
--color-tirisfal-lime-200: #a3eb8b;
--color-tirisfal-lime-300: #79d159;
--color-tirisfal-lime-400: #58ba00;
--color-tirisfal-lime-500: #27a300;
--color-tirisfal-lime-600: #248a00;
--color-tirisfal-lime-700: #1d6e00;
--color-tirisfal-lime-800: #1a5100;
--color-tirisfal-lime-900: #113800;
--color-tirisfal-lime-950: #032300;
}SCSS
$tirisfal-lime: #75de2f;
$tirisfal-lime-rgb: 117, 222, 47;
$tirisfal-lime-light: mix(#fff, $tirisfal-lime, 20%);
$tirisfal-lime-dark: mix(#000, $tirisfal-lime, 20%);
.element {
color: $tirisfal-lime;
box-shadow: 0 0 0 2px rgba($tirisfal-lime, 0.35);
}