Dichtstbijzijnde benoemde kleur · #46C699
#46C699
Dichtstbijzijnde benoemde kleur: Macau
#46C699 (rgb(70 198 153), hsl(159 53% 53%), oklch(0.744 0.131 165.9)) komt het dichtst bij de benoemde kleur Macau. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#46C699
oklch(0.744 0.131 165.9)
Kleurconversies
- HEX
- #46c699
- RGB
- rgb(70 198 153)
- HSL
- hsl(159 53% 53%)
- HWB
- hwb(159 27% 22%)
- OKLCH
- oklch(0.744 0.131 165.9)
- OKLab
- oklab(0.744 -0.127 0.032)
- CIE Lab
- lab(72.08 -44.74 11.84)
- LCH
- lch(72.08 46.28 165.2)
- CMYK
- cmyk(65% 0% 23% 22%)
Tinten · Schaduwen · Tonen
Tinten
- 60CCA3
- 75D2AD
- 89D8B7
- 9BDEC1
- ADE3CB
- BEE9D5
- CEEFE0
- DFF4EA
- EFFAF4
Schaduwen
- 3CAC84
- 329270
- 287A5D
- 1E624A
- 154B38
- 0D3527
- 052117
- 020E08
- 000201
Tonen
- 52BF97
- 5BB894
- 63B192
- 69AA8F
- 6FA38D
- 739C8A
- 779588
- 7B8E85
- 7E8783
Kleurharmonieën
Complementair +180°
- 46C699
Macau
- E789BE
≈ Tempting Pink
Analoog -30° +30°
Triadisch +120° +240°
- 46C699
Macau
- A59FFB
≈ Cold Lips
- EF9062
≈ Orange Slice
Gesplitst complementair +150° +210°
- 46C699
Macau
- CC92E4
≈ Dream Vapour
- F38890
≈ Flamingo Dream
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.79:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.79:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--macau: #46c699;
--macau-rgb: 70 198 153;
--macau-oklch: oklch(0.744 0.131 165.9);
}
.element {
color: var(--macau);
background-color: hsl(159 53% 53%);
border-color: oklch(0.744 0.131 165.9);
}Tailwind CSS v4
@theme {
--color-macau: #46c699;
--color-macau-50: #d2ffee;
--color-macau-100: #bef7e0;
--color-macau-200: #9ce7ca;
--color-macau-300: #6ecdab;
--color-macau-400: #3eb78c;
--color-macau-500: #00a072;
--color-macau-600: #008860;
--color-macau-700: #006d4d;
--color-macau-800: #005036;
--color-macau-900: #003825;
--color-macau-950: #002213;
}SCSS
$macau: #46c699;
$macau-rgb: 70, 198, 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);
}