Cor nomeada mais próxima · #74CA4B
#74CA4B
Cor nomeada mais próxima: Fairy Tale Green
#74CA4B (rgb(116 202 75), hsl(101 55% 54%), oklch(0.758 0.183 137)) é mais próxima da cor nomeada Fairy Tale Green. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#74CA4B
oklch(0.758 0.183 137)
Conversões de cor
- HEX
- #74ca4b
- RGB
- rgb(116 202 75)
- HSL
- hsl(101 55% 54%)
- HWB
- hwb(101 29% 21%)
- OKLCH
- oklch(0.758 0.183 137)
- OKLab
- oklab(0.758 -0.134 0.125)
- CIE Lab
- lab(73.97 -43.91 52.94)
- LCH
- lch(73.97 68.78 129.7)
- CMYK
- cmyk(43% 0% 63% 21%)
Tons claros · Sombras · Tons
Tons claros
- 83D061
- 91D575
- 9FDB87
- ADE099
- BBE6AA
- C9EBBB
- D6F0CC
- E4F5DD
- F1FAEE
Sombras
- 64AF40
- 549535
- 457C2B
- 376421
- 294D17
- 1B370E
- 0F2206
- 050F02
- 010200
Tons
- 76C354
- 79BB5C
- 7AB462
- 7CAD68
- 7DA56D
- 7E9E72
- 7F9776
- 7F8F79
- 80887D
Harmonias de cor
Complementar +180°
- 74CA4B
Fairy Tale Green
- DE87FC
≈ Lavender Tea
Análoga -30° +30°
- 74CA4B
Fairy Tale Green
- BDB600
≈ Olive Yellow
- 00CF9C
≈ Caribbean Green
Tríade +120° +240°
- 74CA4B
Fairy Tale Green
- 7CB2FF
≈ French Sky Blue
- FF878F
≈ Tulip
Complementar dividida +150° +210°
- 74CA4B
Fairy Tale Green
- ABA3FF
≈ Shy Moment
- FF7CC6
≈ Pink Plastic Fantastic
Tétrade +90° +180° +270°
- 74CA4B
Fairy Tale Green
- 00C2F8
≈ Spiro Disco Ball
- DE87FC
≈ Lavender Tea
- FF8E52
≈ Boredom Buster
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.04:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.29:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--fairy-tale-green: #74ca4b;
--fairy-tale-green-rgb: 116 202 75;
--fairy-tale-green-oklch: oklch(0.758 0.183 137);
}
.element {
color: var(--fairy-tale-green);
background-color: hsl(101 55% 54%);
border-color: oklch(0.758 0.183 137);
}Tailwind CSS v4
@theme {
--color-fairy-tale-green: #74ca4b;
--color-fairy-tale-green-50: #dbffd0;
--color-fairy-tale-green-100: #c9f7bd;
--color-fairy-tale-green-200: #ace79b;
--color-fairy-tale-green-300: #85ce70;
--color-fairy-tale-green-400: #66b63e;
--color-fairy-tale-green-500: #3f9f00;
--color-fairy-tale-green-600: #378700;
--color-fairy-tale-green-700: #2c6c00;
--color-fairy-tale-green-800: #224f00;
--color-fairy-tale-green-900: #173700;
--color-fairy-tale-green-950: #082200;
}SCSS
$fairy-tale-green: #74ca4b;
$fairy-tale-green-rgb: 116, 202, 75;
$fairy-tale-green-light: mix(#fff, $fairy-tale-green, 20%);
$fairy-tale-green-dark: mix(#000, $fairy-tale-green, 20%);
.element {
color: $fairy-tale-green;
box-shadow: 0 0 0 2px rgba($fairy-tale-green, 0.35);
}