Color con nombre · #46C299
Macau
Macau es #46C299: rgb(70 194 153), hsl(160 50% 52%), oklch(0.734 0.125 167.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Macau color name →
#46C299
oklch(0.734 0.125 167.4)
Conversiones de color
- HEX
- #46c299
- RGB
- rgb(70 194 153)
- HSL
- hsl(160 50% 52%)
- HWB
- hwb(160 27% 24%)
- OKLCH
- oklch(0.734 0.125 167.4)
- OKLab
- oklab(0.734 -0.122 0.027)
- CIE Lab
- lab(70.85 -43.23 10.12)
- LCH
- lch(70.85 44.4 166.8)
- CMYK
- cmyk(64% 0% 21% 24%)
Tintes · Sombras · Tonos
Tintes
- 5FC8A3
- 75CFAD
- 88D5B7
- 9ADBC1
- ACE1CB
- BDE7D5
- CEEDE0
- DEF3EA
- EFF9F4
Sombras
- 3CA884
- 328F70
- 28775D
- 1E604A
- 154938
- 0D3427
- 052017
- 020E08
- 000201
Tonos
- 51BB97
- 5BB594
- 62AE92
- 69A88F
- 6EA18D
- 739B8A
- 779488
- 7A8D85
- 7D8783
Armonías de color
Complementario +180°
- 46C299
Macau
- E287B8
≈ Tempting Pink
Análogo -30° +30°
- 46C299
Macau
- 82BB6B
≈ Primo
- 00C1C5
≈ Cala Benirrás Blue
Triádico +120° +240°
- 46C299
Macau
- A59CF4
≈ Cold Lips
- E98F61
≈ Heat of Summer
Complementario dividido +150° +210°
- 46C299
Macau
- C98FDD
≈ Blush Essence
- ED878C
≈ Flamingo Dream
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.43:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.43:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--macau: #46c299;
--macau-rgb: 70 194 153;
--macau-oklch: oklch(0.734 0.125 167.4);
}
.element {
color: var(--macau);
background-color: hsl(160 50% 52%);
border-color: oklch(0.734 0.125 167.4);
}Tailwind CSS v4
@theme {
--color-macau: #46c299;
--color-macau-50: #d3ffef;
--color-macau-100: #bff6e1;
--color-macau-200: #9ee6cb;
--color-macau-300: #70ccad;
--color-macau-400: #42b68f;
--color-macau-500: #00a075;
--color-macau-600: #008763;
--color-macau-700: #006c4f;
--color-macau-800: #005038;
--color-macau-900: #003726;
--color-macau-950: #002214;
}SCSS
$macau: #46c299;
$macau-rgb: 70, 194, 153;
$macau-light: mix(#fff, $macau, 20%);
$macau-dark: mix(#000, $macau, 20%);
.element {
color: $macau;
box-shadow: 0 0 0 2px rgba($macau, 0.35);
}