Cor nomeada mais próxima · #C9BD7B
#C9BD7B
Cor nomeada mais próxima: Muted Lime
#C9BD7B (rgb(201 189 123), hsl(51 42% 64%), oklch(0.793 0.087 99.2)) é mais próxima da cor nomeada Muted Lime. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C9BD7B
oklch(0.793 0.087 99.2)
Conversões de cor
- HEX
- #c9bd7b
- RGB
- rgb(201 189 123)
- HSL
- hsl(51 42% 64%)
- HWB
- hwb(51 48% 21%)
- OKLCH
- oklch(0.793 0.087 99.2)
- OKLab
- oklab(0.793 -0.014 0.086)
- CIE Lab
- lab(76.48 -2.64 34.97)
- LCH
- lch(76.48 35.06 94.3)
- CMYK
- cmyk(0% 6% 39% 21%)
Tons claros · Sombras · Tons
Tons claros
- CEC489
- D4CA96
- D9D1A3
- DED7B0
- E4DEBE
- E9E5CB
- EEEBD8
- F4F2E5
- F9F8F2
Sombras
- AEA46A
- 958C5A
- 7C744A
- 645D3A
- 4C472C
- 36331E
- 221F10
- 0F0D05
- 020201
Tons
- C1B77C
- BAB17D
- B2AB7E
- ABA47F
- A49E80
- 9C9880
- 959280
- 8E8C80
- 878680
Harmonias de cor
Complementar +180°
- C9BD7B
Muted Lime
- AFB6F3
≈ Purple Illusion
Análoga -30° +30°
- C9BD7B
Muted Lime
- E0B27E
≈ Imperial Gold
- AAC78B
≈ Venerable Verde
Tríade +120° +240°
- C9BD7B
Muted Lime
- 78C9E2
≈ Bliss Blue
- E2A6CE
≈ Tiara Pink
Complementar dividida +150° +210°
- C9BD7B
Muted Lime
- 90C1F1
≈ Sail to the Sea
- CCADE6
≈ Tropical Violet
Tétrade +90° +180° +270°
- C9BD7B
Muted Lime
- 75CEC7
≈ Hidden Sea Glass
- AFB6F3
≈ Purple Illusion
- EDA5B0
≈ Pinque
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.04:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--muted-lime: #c9bd7b;
--muted-lime-rgb: 201 189 123;
--muted-lime-oklch: oklch(0.793 0.087 99.2);
}
.element {
color: var(--muted-lime);
background-color: hsl(51 42% 64%);
border-color: oklch(0.793 0.087 99.2);
}Tailwind CSS v4
@theme {
--color-muted-lime: #c9bd7b;
--color-muted-lime-50: #faf6da;
--color-muted-lime-100: #eee9c9;
--color-muted-lime-200: #dcd6ac;
--color-muted-lime-300: #c0b986;
--color-muted-lime-400: #aba062;
--color-muted-lime-500: #94873e;
--color-muted-lime-600: #7d7235;
--color-muted-lime-700: #645b2a;
--color-muted-lime-800: #4b421d;
--color-muted-lime-900: #342e13;
--color-muted-lime-950: #1f1b05;
}SCSS
$muted-lime: #c9bd7b;
$muted-lime-rgb: 201, 189, 123;
$muted-lime-light: mix(#fff, $muted-lime, 20%);
$muted-lime-dark: mix(#000, $muted-lime, 20%);
.element {
color: $muted-lime;
box-shadow: 0 0 0 2px rgba($muted-lime, 0.35);
}