Benannte Farbe · #33BB88
Aztec Jade
Aztec Jade ist #33BB88: rgb(51 187 136), hsl(158 57% 47%), oklch(0.708 0.138 163.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Aztec Jade color name →
#33BB88
oklch(0.708 0.138 163.2)
Farbumrechnungen
- HEX
- #33bb88
- RGB
- rgb(51 187 136)
- HSL
- hsl(158 57% 47%)
- HWB
- hwb(158 20% 27%)
- OKLCH
- oklch(0.708 0.138 163.2)
- OKLab
- oklab(0.708 -0.132 0.04)
- CIE Lab
- lab(67.91 -46.72 15.08)
- LCH
- lch(67.91 49.09 162.1)
- CMYK
- cmyk(73% 0% 27% 27%)
Tints · Shades · Tones
Tints
- 52C293
- 6AC99F
- 7FD0AB
- 93D7B6
- A6DEC2
- B8E5CE
- CAEBDA
- DCF2E6
- EEF8F3
Shades
- 2BA275
- 238A63
- 1C7352
- 145C41
- 0D4631
- 073222
- 031F13
- 010D06
- 000201
Tones
- 43B587
- 50AF87
- 59AA86
- 61A485
- 689E84
- 6E9884
- 749283
- 788C82
- 7C8681
Farbharmonien
Komplementär +180°
- 33BB88
Aztec Jade
- DB7CB7
≈ Middle Purple
Analog -30° +30°
- 33BB88
Aztec Jade
- 7EB355
≈ Savoy
- 00B8B6
≈ Swagger
Triadisch +120° +240°
- 33BB88
Aztec Jade
- 9694F3
≈ Periwinkle Blue
- E78257
≈ Orangevale
Geteilt komplementär +150° +210°
- 33BB88
Aztec Jade
- BF86DD
≈ Purception
- E97A88
≈ Dimple
Tetradisch +90° +180° +270°
- 33BB88
Aztec Jade
- 5EA4F4
≈ Feather Star
- DB7CB7
≈ Middle Purple
- D49129
≈ Vibrant Amber
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.44:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.60:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--aztec-jade: #33bb88;
--aztec-jade-rgb: 51 187 136;
--aztec-jade-oklch: oklch(0.708 0.138 163.2);
}
.element {
color: var(--aztec-jade);
background-color: hsl(158 57% 47%);
border-color: oklch(0.708 0.138 163.2);
}Tailwind CSS v4
@theme {
--color-aztec-jade: #33bb88;
--color-aztec-jade-50: #d1ffec;
--color-aztec-jade-100: #bdf7dd;
--color-aztec-jade-200: #9be7c6;
--color-aztec-jade-300: #6ccea6;
--color-aztec-jade-400: #3bb787;
--color-aztec-jade-500: #00a16b;
--color-aztec-jade-600: #00885b;
--color-aztec-jade-700: #006d49;
--color-aztec-jade-800: #005032;
--color-aztec-jade-900: #003822;
--color-aztec-jade-950: #002211;
}SCSS
$aztec-jade: #33bb88;
$aztec-jade-rgb: 51, 187, 136;
$aztec-jade-light: mix(#fff, $aztec-jade, 20%);
$aztec-jade-dark: mix(#000, $aztec-jade, 20%);
.element {
color: $aztec-jade;
box-shadow: 0 0 0 2px rgba($aztec-jade, 0.35);
}