Cor nomeada · #73FA79
Flora
Flora é #73FA79: rgb(115 250 121), hsl(123 93% 72%), oklch(0.881 0.208 144.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Flora color name →
#73FA79
oklch(0.881 0.208 144.4)
Conversões de cor
- HEX
- #73fa79
- RGB
- rgb(115 250 121)
- HSL
- hsl(123 93% 72%)
- HWB
- hwb(123 45% 2%)
- OKLCH
- oklch(0.881 0.208 144.4)
- OKLab
- oklab(0.881 -0.169 0.121)
- CIE Lab
- lab(88.69 -57.67 49.52)
- LCH
- lch(88.69 76.01 139.3)
- CMYK
- cmyk(54% 0% 52% 2%)
Tons claros · Sombras · Tons
Tons claros
- 85FB88
- 96FC97
- A5FDA5
- B3FEB3
- C1FEC0
- CEFFCD
- DBFFDA
- E7FFE6
- F3FFF3
Sombras
- 63D968
- 54BA58
- 459B48
- 367D39
- 28612B
- 1B461D
- 0F2D10
- 051505
- 010301
Tons
- 78EE7C
- 7BE17E
- 7ED57F
- 80C980
- 81BC81
- 82B082
- 82A482
- 829881
- 818C81
Harmonias de cor
Complementar +180°
- 73FA79
Flora
- FBC0FF
≈ Electric Lavender
Análoga -30° +30°
- 73FA79
Flora
- D7E500
≈ Sickly Yellow
- 00FBD0
≈ Bright Teal
Tríade +120° +240°
Complementar dividida +150° +210°
- 73FA79
Flora
- DAD0FF
≈ Pale Lavender
- FFC5DB
≈ Sweet Romance
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.67:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--flora: #73fa79;
--flora-rgb: 115 250 121;
--flora-oklch: oklch(0.881 0.208 144.4);
}
.element {
color: var(--flora);
background-color: hsl(123 93% 72%);
border-color: oklch(0.881 0.208 144.4);
}Tailwind CSS v4
@theme {
--color-flora: #73fa79;
--color-flora-50: #cfffd2;
--color-flora-100: #bbfbbf;
--color-flora-200: #97ec9e;
--color-flora-300: #66d374;
--color-flora-400: #38bc43;
--color-flora-500: #00a600;
--color-flora-600: #008c00;
--color-flora-700: #007002;
--color-flora-800: #005200;
--color-flora-900: #003a00;
--color-flora-950: #002400;
}SCSS
$flora: #73fa79;
$flora-rgb: 115, 250, 121;
$flora-light: mix(#fff, $flora, 20%);
$flora-dark: mix(#000, $flora, 20%);
.element {
color: $flora;
box-shadow: 0 0 0 2px rgba($flora, 0.35);
}