最接近的命名颜色 · #75AA9F
#75AA9F
最接近的命名颜色: Turquoise Fantasies
#75AA9F（rgb(117 170 159)、hsl(168 24% 56%)、oklch(0.698 0.058 180.1)）最接近命名颜色 Turquoise Fantasies。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#75AA9F
oklch(0.698 0.058 180.1)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 83B2A8
- 91BBB2
- 9EC3BB
- ACCCC4
- BAD4CE
- C8DDD8
- D5E5E1
- E3EEEB
- F1F6F5
深色调
- 65938A
- 557D75
- 466861
- 37534D
- 293F3B
- 1C2D29
- 0F1B18
- 050B09
- 010101
灰色调
- 77A69C
- 78A299
- 7A9D96
- 7B9992
- 7C958F
- 7D918C
- 7E8D89
- 7F8886
- 7F8483
配色和谐
互补色 +180°
- 75AA9F
Turquoise Fantasies
- BD8F9C
≈ Grey Pink
类似色 -30° +30°
- 75AA9F
Turquoise Fantasies
- 84A88B
≈ Mermaid’s Cove
- 72A8B2
≈ Water Cooler
三角配色 +120° +240°
- 75AA9F
Turquoise Fantasies
- A396BD
≈ Chive Flower
- B99679
≈ Artisan Crafts
分裂互补色 +150° +210°
- 75AA9F
Turquoise Fantasies
- B391AF
≈ Metal Petal
- BF9188
≈ Revival Rose
四角配色 +90° +180° +270°
- 75AA9F
Turquoise Fantasies
- 8F9CC3
≈ Lavender Lustre
- BD8F9C
≈ Grey Pink
- AC9D74
≈ Golden Sage
对比度与无障碍
Ag
Fail白底
WCAG 2.62:1 · APCA Lc 51
Ag
AAA黑底
WCAG 8.00:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
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);
}