Cor nomeada · #989746
Luau Green
Luau Green é #989746: rgb(152 151 70), hsl(59 37% 44%), oklch(0.66 0.104 108.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Luau Green color name →
#989746
oklch(0.66 0.104 108.3)
Conversões de cor
- HEX
- #989746
- RGB
- rgb(152 151 70)
- HSL
- hsl(59 37% 44%)
- HWB
- hwb(59 27% 40%)
- OKLCH
- oklch(0.66 0.104 108.3)
- OKLab
- oklab(0.66 -0.033 0.099)
- CIE Lab
- lab(61.26 -7.98 42.04)
- LCH
- lch(61.26 42.79 100.8)
- CMYK
- cmyk(0% 1% 54% 40%)
Tons claros · Sombras · Tons
Tons claros
- A2A15A
- ABAB6D
- B5B67F
- C0C092
- CACAA4
- D4D5B6
- DFDFC8
- E9EADA
- F4F4ED
Sombras
- 84833C
- 706F32
- 5C5C28
- 4A491E
- 383715
- 27260D
- 171705
- 080802
- 010100
Tons
- 95954E
- 939355
- 90905C
- 8E8E62
- 8C8C67
- 898A6D
- 878772
- 858577
- 82827B
Harmonias de cor
Complementar +180°
- 989746
Luau Green
- 8F88CE
≈ Brocade
Análoga -30° +30°
- 989746
Luau Green
- B58A42
≈ Camel Ride
- 72A162
≈ Bulbasaur
Tríade +120° +240°
- 989746
Luau Green
- 409EC4
≈ Norse Blue
- C1779D
≈ Dolomite Red
Complementar dividida +150° +210°
- 989746
Luau Green
- 6A93D2
≈ Bashful Blue
- AD7DBB
≈ Berries Galore
Tétrade +90° +180° +270°
- 989746
Luau Green
- 27A5A9
≈ Blue Bolero
- 8F88CE
≈ Brocade
- CA777A
≈ Rosa Chinensis
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.06:1 · APCA Lc 57
Ag
AASobre preto
WCAG 6.85:1 · APCA Lc 44
Melhor cor de texto: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Trechos de código
CSS
:root {
--luau-green: #989746;
--luau-green-rgb: 152 151 70;
--luau-green-oklch: oklch(0.66 0.104 108.3);
}
.element {
color: var(--luau-green);
background-color: hsl(59 37% 44%);
border-color: oklch(0.66 0.104 108.3);
}Tailwind CSS v4
@theme {
--color-luau-green: #989746;
--color-luau-green-50: #f6f8d7;
--color-luau-green-100: #e9ecc4;
--color-luau-green-200: #d6d9a6;
--color-luau-green-300: #babd7e;
--color-luau-green-400: #a4a357;
--color-luau-green-500: #8d8b2d;
--color-luau-green-600: #777628;
--color-luau-green-700: #5f5e20;
--color-luau-green-800: #474414;
--color-luau-green-900: #312f0d;
--color-luau-green-950: #1d1c02;
}SCSS
$luau-green: #989746;
$luau-green-rgb: 152, 151, 70;
$luau-green-light: mix(#fff, $luau-green, 20%);
$luau-green-dark: mix(#000, $luau-green, 20%);
.element {
color: $luau-green;
box-shadow: 0 0 0 2px rgba($luau-green, 0.35);
}