最も近い色名 · #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);
}