Cor nomeada · #9DA98C
Reseda
Reseda é #9DA98C: rgb(157 169 140), hsl(85 14% 61%), oklch(0.717 0.043 125.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Reseda color name →
#9DA98C
oklch(0.717 0.043 125.8)
Conversões de cor
- HEX
- #9da98c
- RGB
- rgb(157 169 140)
- HSL
- hsl(85 14% 61%)
- HWB
- hwb(85 55% 34%)
- OKLCH
- oklch(0.717 0.043 125.8)
- OKLab
- oklab(0.717 -0.025 0.035)
- CIE Lab
- lab(67.68 -8.36 13.53)
- LCH
- lch(67.68 15.9 121.7)
- CMYK
- cmyk(7% 0% 17% 34%)
Tons claros · Sombras · Tons
Tons claros
- A6B197
- B0BAA2
- B9C2AD
- C3CBB9
- CDD3C4
- D7DCD0
- E1E5DB
- EBEDE7
- F5F6F3
Sombras
- 889279
- 737C67
- 5F6755
- 4C5343
- 3A3F33
- 282C23
- 181B14
- 090A07
- 010101
Tons
- 9AA58B
- 97A18A
- 949D89
- 919887
- 8E9486
- 8B9085
- 898C84
- 868883
- 838481
Harmonias de cor
Complementar +180°
- 9DA98C
Reseda
- AA9DBA
≈ Fragrant Satchel
Análoga -30° +30°
- 9DA98C
Reseda
- ACA486
≈ Stone
- 8FAC99
≈ Peaslake
Tríade +120° +240°
- 9DA98C
Reseda
- 8EA7BE
≈ Kaleidoscope
- BC99A0
≈ It’s Your Mauve
Complementar dividida +150° +210°
- 9DA98C
Reseda
- 9CA2BF
≈ Ruffled Iris
- B69AAE
≈ Veiled Violet
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.47:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.48:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.48:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--reseda: #9da98c;
--reseda-rgb: 157 169 140;
--reseda-oklch: oklch(0.717 0.043 125.8);
}
.element {
color: var(--reseda);
background-color: hsl(85 14% 61%);
border-color: oklch(0.717 0.043 125.8);
}Tailwind CSS v4
@theme {
--color-reseda: #9da98c;
--color-reseda-50: #f1f8eb;
--color-reseda-100: #e4ebdc;
--color-reseda-200: #cfd8c5;
--color-reseda-300: #b1bca5;
--color-reseda-400: #98a388;
--color-reseda-500: #7f8c6d;
--color-reseda-600: #6c765c;
--color-reseda-700: #565f4a;
--color-reseda-800: #3f4535;
--color-reseda-900: #2b3024;
--color-reseda-950: #191c13;
}SCSS
$reseda: #9da98c;
$reseda-rgb: 157, 169, 140;
$reseda-light: mix(#fff, $reseda, 20%);
$reseda-dark: mix(#000, $reseda, 20%);
.element {
color: $reseda;
box-shadow: 0 0 0 2px rgba($reseda, 0.35);
}