Nächste benannte Farbe · #75AA9F
#75AA9F
Nächste benannte Farbe: Turquoise Fantasies
#75AA9F (rgb(117 170 159), hsl(168 24% 56%), oklch(0.698 0.058 180.1)) liegt am nächsten an der benannten Farbe Turquoise Fantasies. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#75AA9F
oklch(0.698 0.058 180.1)
Farbumrechnungen
- HEX
- #75aa9f
- RGB
- rgb(117 170 159)
- HSL
- hsl(168 24% 56%)
- HWB
- hwb(168 46% 33%)
- OKLCH
- oklch(0.698 0.058 180.1)
- OKLab
- oklab(0.698 -0.058 0)
- CIE Lab
- lab(65.65 -20.07 -0.21)
- LCH
- lch(65.65 20.07 180.6)
- CMYK
- cmyk(31% 0% 6% 33%)
Tints · Shades · Tones
Tints
- 83B2A8
- 91BBB2
- 9EC3BB
- ACCCC4
- BAD4CE
- C8DDD8
- D5E5E1
- E3EEEB
- F1F6F5
Shades
- 65938A
- 557D75
- 466861
- 37534D
- 293F3B
- 1C2D29
- 0F1B18
- 050B09
- 010101
Tones
- 77A69C
- 78A299
- 7A9D96
- 7B9992
- 7C958F
- 7D918C
- 7E8D89
- 7F8886
- 7F8483
Farbharmonien
Komplementär +180°
- 75AA9F
Turquoise Fantasies
- BD8F9C
≈ Grey Pink
Analog -30° +30°
- 75AA9F
Turquoise Fantasies
- 84A88B
≈ Mermaid’s Cove
- 72A8B2
≈ Water Cooler
Triadisch +120° +240°
- 75AA9F
Turquoise Fantasies
- A396BD
≈ Chive Flower
- B99679
≈ Artisan Crafts
Geteilt komplementär +150° +210°
- 75AA9F
Turquoise Fantasies
- B391AF
≈ Metal Petal
- BF9188
≈ Revival Rose
Tetradisch +90° +180° +270°
- 75AA9F
Turquoise Fantasies
- 8F9CC3
≈ Lavender Lustre
- BD8F9C
≈ Grey Pink
- AC9D74
≈ Golden Sage
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.62:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.00:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--turquoise-fantasies: #75aa9f;
--turquoise-fantasies-rgb: 117 170 159;
--turquoise-fantasies-oklch: oklch(0.698 0.058 180.1);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(168 24% 56%);
border-color: oklch(0.698 0.058 180.1);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #75aa9f;
--color-turquoise-fantasies-50: #e4fbf6;
--color-turquoise-fantasies-100: #d4efe9;
--color-turquoise-fantasies-200: #baddd6;
--color-turquoise-fantasies-300: #97c2ba;
--color-turquoise-fantasies-400: #78aaa0;
--color-turquoise-fantasies-500: #599388;
--color-turquoise-fantasies-600: #4c7c73;
--color-turquoise-fantasies-700: #3c645c;
--color-turquoise-fantasies-800: #2b4942;
--color-turquoise-fantasies-900: #1d332e;
--color-turquoise-fantasies-950: #0d1e1b;
}SCSS
$turquoise-fantasies: #75aa9f;
$turquoise-fantasies-rgb: 117, 170, 159;
$turquoise-fantasies-light: mix(#fff, $turquoise-fantasies, 20%);
$turquoise-fantasies-dark: mix(#000, $turquoise-fantasies, 20%);
.element {
color: $turquoise-fantasies;
box-shadow: 0 0 0 2px rgba($turquoise-fantasies, 0.35);
}