最も近い色名 · #76A9A6
#76A9A6
最も近い色名: Turquoise Fantasies
#76A9A6（rgb(118 169 166)、hsl(176 23% 56%)、oklch(0.698 0.054 191.4)）に最も近い色名はTurquoise Fantasiesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#76A9A6
oklch(0.698 0.054 191.4)
カラー変換
- HEX
- #76a9a6
- RGB
- rgb(118 169 166)
- HSL
- hsl(176 23% 56%)
- HWB
- hwb(176 46% 34%)
- OKLCH
- oklch(0.698 0.054 191.4)
- OKLab
- oklab(0.698 -0.053 -0.011)
- CIE Lab
- lab(65.58 -18.06 -4.18)
- LCH
- lch(65.58 18.53 193)
- CMYK
- cmyk(30% 0% 2% 34%)
ティント · シェード · トーン
ティント
- 84B1AF
- 91BAB7
- 9FC2C0
- ADCBC9
- BAD3D2
- C8DCDB
- D6E5E4
- E3EDED
- F1F6F6
シェード
- 669290
- 567C7A
- 476765
- 385351
- 293F3E
- 1C2C2B
- 0F1B1A
- 050A0A
- 010101
トーン
- 78A5A2
- 79A19E
- 7A9D9A
- 7C9997
- 7D9493
- 7E908F
- 7E8C8B
- 7F8887
- 808484
カラーハーモニー
補色 +180°
- 76A9A6
Turquoise Fantasies
- BD9095
≈ Cherry Juice
類似色 -30° +30°
- 76A9A6
Turquoise Fantasies
- 80A993
≈ Catnip
- 78A6B6
≈ Inner Sanctum
トライアド +120° +240°
- 76A9A6
Turquoise Fantasies
- A995B7
≈ Gleeful Joy
- B49979
≈ Soft Fawn
スプリットコンプリメンタリー +150° +210°
- 76A9A6
Turquoise Fantasies
- B691A8
≈ Bed of Roses
- BC9384
≈ Belfry Brick
テトラード +90° +180° +270°
- 76A9A6
Turquoise Fantasies
- 979ABF
≈ Grape Ivy
- BD9095
≈ Cherry Juice
- A59F78
≈ Fresh Olive
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.62:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 7.99:1 · APCA Lc 51
最適な文字色: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--turquoise-fantasies: #76a9a6;
--turquoise-fantasies-rgb: 118 169 166;
--turquoise-fantasies-oklch: oklch(0.698 0.054 191.4);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(176 23% 56%);
border-color: oklch(0.698 0.054 191.4);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #76a9a6;
--color-turquoise-fantasies-50: #e4faf9;
--color-turquoise-fantasies-100: #d4eeed;
--color-turquoise-fantasies-200: #bbdcdb;
--color-turquoise-fantasies-300: #98c1bf;
--color-turquoise-fantasies-400: #79a9a6;
--color-turquoise-fantasies-500: #5a928f;
--color-turquoise-fantasies-600: #4c7b79;
--color-turquoise-fantasies-700: #3d6361;
--color-turquoise-fantasies-800: #2b4946;
--color-turquoise-fantasies-900: #1d3231;
--color-turquoise-fantasies-950: #0d1e1d;
}SCSS
$turquoise-fantasies: #76a9a6;
$turquoise-fantasies-rgb: 118, 169, 166;
$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);
}