最も近い色名 · #776681
#776681
最も近い色名: Sakura Night
#776681（rgb(119 102 129)、hsl(278 12% 45%)、oklch(0.536 0.046 312.9)）に最も近い色名はSakura Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#776681
oklch(0.536 0.046 312.9)
カラー変換
- HEX
- #776681
- RGB
- rgb(119 102 129)
- HSL
- hsl(278 12% 45%)
- HWB
- hwb(278 40% 49%)
- OKLCH
- oklch(0.536 0.046 312.9)
- OKLab
- oklab(0.536 0.031 -0.034)
- CIE Lab
- lab(45.58 11.04 -12.47)
- LCH
- lch(45.58 16.66 311.5)
- CMYK
- cmyk(8% 21% 0% 49%)
ティント · シェード · トーン
ティント
- 84748D
- 918399
- 9E91A5
- ABA0B2
- B9B0BE
- C6BFCB
- D4CFD8
- E2DFE5
- F1EFF2
シェード
- 67586F
- 574A5E
- 473C4E
- 382F3E
- 2A232E
- 1C171F
- 100C12
- 050406
- 010001
トーン
- 786981
- 796B81
- 7A6E81
- 7B7081
- 7C7381
- 7C7681
- 7D7881
- 7E7B80
- 7F7D80
カラーハーモニー
補色 +180°
- 776681
Sakura Night
- 637458
≈ Finlandia
類似色 -30° +30°
- 776681
Sakura Night
- 696A88
≈ Luscious Lavender
- 816375
≈ Opera
トライアド +120° +240°
- 776681
Sakura Night
- 7E6A50
≈ Mayan Ruins
- 4D7675
≈ Cool Waters
スプリットコンプリメンタリー +150° +210°
- 776681
Sakura Night
- 726F50
≈ Secret Path
- 557666
≈ Kendal Green
テトラード +90° +180° +270°
- 776681
Sakura Night
- 856558
≈ Chivalrous Walrus
- 637458
≈ Finlandia
- 507481
≈ San Miguel Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.24:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.00:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--sakura-night: #776681;
--sakura-night-rgb: 119 102 129;
--sakura-night-oklch: oklch(0.536 0.046 312.9);
}
.element {
color: var(--sakura-night);
background-color: hsl(278 12% 45%);
border-color: oklch(0.536 0.046 312.9);
}Tailwind CSS v4
@theme {
--color-sakura-night: #776681;
--color-sakura-night-50: #faf1ff;
--color-sakura-night-100: #eee4f3;
--color-sakura-night-200: #dccfe2;
--color-sakura-night-300: #c0b1c8;
--color-sakura-night-400: #a897b2;
--color-sakura-night-500: #917e9c;
--color-sakura-night-600: #7b6a84;
--color-sakura-night-700: #62556a;
--color-sakura-night-800: #473e4e;
--color-sakura-night-900: #322b36;
--color-sakura-night-950: #1d1821;
}SCSS
$sakura-night: #776681;
$sakura-night-rgb: 119, 102, 129;
$sakura-night-light: mix(#fff, $sakura-night, 20%);
$sakura-night-dark: mix(#000, $sakura-night, 20%);
.element {
color: $sakura-night;
box-shadow: 0 0 0 2px rgba($sakura-night, 0.35);
}