Cor nomeada mais próxima · #118914
#118914
Cor nomeada mais próxima: Lush Garden
#118914 (rgb(17 137 20), hsl(122 78% 30%), oklch(0.548 0.178 142.9)) é mais próxima da cor nomeada Lush Garden. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#118914
oklch(0.548 0.178 142.9)
Conversões de cor
- HEX
- #118914
- RGB
- rgb(17 137 20)
- HSL
- hsl(122 78% 30%)
- HWB
- hwb(122 7% 46%)
- OKLCH
- oklch(0.548 0.178 142.9)
- OKLab
- oklab(0.548 -0.142 0.107)
- CIE Lab
- lab(49.62 -48.09 47.35)
- LCH
- lch(49.62 67.49 135.4)
- CMYK
- cmyk(88% 0% 85% 46%)
Tons claros · Sombras · Tons
Tons claros
- 389535
- 52A14E
- 69AD65
- 7FB97B
- 94C590
- AAD0A6
- BFDCBC
- D4E8D2
- E9F3E9
Sombras
- 0D7610
- 09640C
- 065308
- 044205
- 023103
- 012201
- 001401
- 000700
- 000100
Tons
- 298928
- 388836
- 448841
- 4F874C
- 588655
- 61855E
- 698467
- 718370
- 798278
Harmonias de cor
Complementar +180°
- 118914
Lush Garden
- A044AC
≈ Medium Purple
Análoga -30° +30°
- 118914
Lush Garden
- 727800
≈ Portuguese Green
- 00856B
≈ Bosphorus
Tríade +120° +240°
- 118914
Lush Garden
- 3569D7
≈ Enchanting Sapphire
- C3363D
≈ Tropical Heat
Complementar dividida +150° +210°
- 118914
Lush Garden
- 7855CD
≈ Astro Purple
- B9377A
≈ Fuchsia Red
Tétrade +90° +180° +270°
- 118914
Lush Garden
- 007BA8
≈ Celadon Blue
- A044AC
≈ Medium Purple
- AE5500
≈ Tijolo
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.55:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.61:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.61:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--lush-garden: #118914;
--lush-garden-rgb: 17 137 20;
--lush-garden-oklch: oklch(0.548 0.178 142.9);
}
.element {
color: var(--lush-garden);
background-color: hsl(122 78% 30%);
border-color: oklch(0.548 0.178 142.9);
}Tailwind CSS v4
@theme {
--color-lush-garden: #118914;
--color-lush-garden-50: #d6ffd6;
--color-lush-garden-100: #c3f8c4;
--color-lush-garden-200: #a4e9a5;
--color-lush-garden-300: #79cf7d;
--color-lush-garden-400: #55b852;
--color-lush-garden-500: #1fa121;
--color-lush-garden-600: #1f891f;
--color-lush-garden-700: #196d19;
--color-lush-garden-800: #16500a;
--color-lush-garden-900: #0e3807;
--color-lush-garden-950: #022200;
}SCSS
$lush-garden: #118914;
$lush-garden-rgb: 17, 137, 20;
$lush-garden-light: mix(#fff, $lush-garden, 20%);
$lush-garden-dark: mix(#000, $lush-garden, 20%);
.element {
color: $lush-garden;
box-shadow: 0 0 0 2px rgba($lush-garden, 0.35);
}