Cor nomeada mais próxima · #98B48E
#98B48E
Cor nomeada mais próxima: Foliage
#98B48E (rgb(152 180 142), hsl(104 20% 63%), oklch(0.738 0.062 137.5)) é mais próxima da cor nomeada Foliage. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#98B48E
oklch(0.738 0.062 137.5)
Conversões de cor
- HEX
- #98b48e
- RGB
- rgb(152 180 142)
- HSL
- hsl(104 20% 63%)
- HWB
- hwb(104 56% 29%)
- OKLCH
- oklch(0.738 0.062 137.5)
- OKLab
- oklab(0.738 -0.046 0.042)
- CIE Lab
- lab(70.42 -15.35 16.14)
- LCH
- lch(70.42 22.27 133.6)
- CMYK
- cmyk(16% 0% 21% 29%)
Tons claros · Sombras · Tons
Tons claros
- A2BB99
- ACC3A4
- B6CAAF
- C0D2BA
- CBD9C6
- D5E1D1
- DFE8DC
- EAF0E8
- F4F7F3
Sombras
- 849C7B
- 708568
- 5C6E56
- 4A5844
- 384434
- 273024
- 171D15
- 080C07
- 010201
Tons
- 96AF8D
- 93A98B
- 91A48A
- 8F9F89
- 8C9A87
- 8A9586
- 878F85
- 858A83
- 828582
Harmonias de cor
Complementar +180°
- 98B48E
Foliage
- BB9FC4
≈ Lupine
Análoga -30° +30°
- 98B48E
Foliage
- AEAE80
≈ Stuffed Olive
- 84B7A3
≈ Source Green
Tríade +120° +240°
- 98B48E
Foliage
- 92ACD2
≈ Lazy Day
- CF9B9C
≈ Silk Stone
Complementar dividida +150° +210°
- 98B48E
Foliage
- A7A5D0
≈ Childish Wonder
- C99BB2
≈ Lady’s Cushions Pink
Tétrade +90° +180° +270°
- 98B48E
Foliage
- 81B3C9
≈ Batch Blue
- BB9FC4
≈ Lupine
- CC9F89
≈ Artefact
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.26:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.25:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--foliage: #98b48e;
--foliage-rgb: 152 180 142;
--foliage-oklch: oklch(0.738 0.062 137.5);
}
.element {
color: var(--foliage);
background-color: hsl(104 20% 63%);
border-color: oklch(0.738 0.062 137.5);
}Tailwind CSS v4
@theme {
--color-foliage: #98b48e;
--color-foliage-50: #ecfae9;
--color-foliage-100: #deedda;
--color-foliage-200: #c7dbc2;
--color-foliage-300: #a8c0a2;
--color-foliage-400: #8da784;
--color-foliage-500: #739068;
--color-foliage-600: #617a58;
--color-foliage-700: #4e6246;
--color-foliage-800: #394732;
--color-foliage-900: #273122;
--color-foliage-950: #151d11;
}SCSS
$foliage: #98b48e;
$foliage-rgb: 152, 180, 142;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}