Benannte Farbe · #75AA94
Acapulco
Acapulco ist #75AA94: rgb(117 170 148), hsl(155 24% 56%), oklch(0.694 0.065 166.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Acapulco color name →
#75AA94
oklch(0.694 0.065 166.7)
Farbumrechnungen
- HEX
- #75aa94
- RGB
- rgb(117 170 148)
- HSL
- hsl(155 24% 56%)
- HWB
- hwb(155 46% 33%)
- OKLCH
- oklch(0.694 0.065 166.7)
- OKLab
- oklab(0.694 -0.063 0.015)
- CIE Lab
- lab(65.41 -21.9 5.51)
- LCH
- lch(65.41 22.58 165.9)
- CMYK
- cmyk(31% 0% 13% 33%)
Tints · Shades · Tones
Tints
- 83B29E
- 91BBA9
- 9EC3B3
- ACCCBE
- BAD4C8
- C7DDD3
- D5E5DE
- E3EEE9
- F1F6F4
Shades
- 659380
- 557D6D
- 46685A
- 375348
- 293F36
- 1C2D26
- 0F1B16
- 050B08
- 010101
Tones
- 77A692
- 78A290
- 7A9D8E
- 7B998C
- 7C958A
- 7D9188
- 7E8D86
- 7F8884
- 7F8482
Farbharmonien
Komplementär +180°
- 75AA94
Acapulco
- BB8DA5
≈ Elite Pink
Analog -30° +30°
- 75AA94
Acapulco
- 8AA67F
≈ Baby Spinach
- 6AAAAA
≈ Timid Sea
Triadisch +120° +240°
- 75AA94
Acapulco
- 9997C4
≈ Litmus
- BF917A
≈ Copper Lake
Geteilt komplementär +150° +210°
- 75AA94
Acapulco
- AD91B8
≈ Superstitious
- C28D8E
≈ Prophetess
Tetradisch +90° +180° +270°
- 75AA94
Acapulco
- 839FC5
≈ Alaskan Ice
- BB8DA5
≈ Elite Pink
- B4986F
≈ Dust
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.93:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--acapulco: #75aa94;
--acapulco-rgb: 117 170 148;
--acapulco-oklch: oklch(0.694 0.065 166.7);
}
.element {
color: var(--acapulco);
background-color: hsl(155 24% 56%);
border-color: oklch(0.694 0.065 166.7);
}Tailwind CSS v4
@theme {
--color-acapulco: #75aa94;
--color-acapulco-50: #e4fcf2;
--color-acapulco-100: #d4efe4;
--color-acapulco-200: #badecf;
--color-acapulco-300: #97c3b1;
--color-acapulco-400: #79ab96;
--color-acapulco-500: #5a947d;
--color-acapulco-600: #4d7d6a;
--color-acapulco-700: #3d6454;
--color-acapulco-800: #2c4a3d;
--color-acapulco-900: #1e332a;
--color-acapulco-950: #0d1f17;
}SCSS
$acapulco: #75aa94;
$acapulco-rgb: 117, 170, 148;
$acapulco-light: mix(#fff, $acapulco, 20%);
$acapulco-dark: mix(#000, $acapulco, 20%);
.element {
color: $acapulco;
box-shadow: 0 0 0 2px rgba($acapulco, 0.35);
}