最も近い色名 · #996977
#996977
最も近い色名: Never Forget
#996977（rgb(153 105 119)、hsl(343 19% 51%)、oklch(0.575 0.064 0.2)）に最も近い色名はNever Forgetです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#996977
oklch(0.575 0.064 0.2)
カラー変換
- HEX
- #996977
- RGB
- rgb(153 105 119)
- HSL
- hsl(343 19% 51%)
- HWB
- hwb(343 41% 40%)
- OKLCH
- oklch(0.575 0.064 0.2)
- OKLab
- oklab(0.575 0.064 0)
- CIE Lab
- lab(49.9 21.35 0.35)
- LCH
- lch(49.9 21.35 0.9)
- CMYK
- cmyk(0% 31% 22% 40%)
ティント · シェード · トーン
ティント
- A37784
- AE8591
- B8949E
- C2A3AB
- CCB2B9
- D7C1C6
- E1D0D4
- EBE0E2
- F5EFF1
シェード
- 845A67
- 704C57
- 5D3E47
- 4A3138
- 38242A
- 27181C
- 170C10
- 080405
- 010001
トーン
- 976B78
- 956E79
- 92707A
- 90737B
- 8E757B
- 8B777C
- 88797D
- 867C7E
- 837E7F
カラーハーモニー
補色 +180°
- 996977
Never Forget
- 4B867A
≈ Carlisle
類似色 -30° +30°
- 996977
Never Forget
- 8F6B8B
≈ Dianthus Mauve
- 9B6B62
≈ Pi²
トライアド +120° +240°
- 996977
Never Forget
- 747F53
≈ Turf War
- 557E9B
≈ Flattering Blue
スプリットコンプリメンタリー +150° +210°
- 996977
Never Forget
- 5D8465
≈ Clouded Pine
- 48838E
≈ Cape Lee
テトラード +90° +180° +270°
- 996977
Never Forget
- 87784C
≈ Pickled Okra
- 4B867A
≈ Carlisle
- 6A779F
≈ Bleached Denim
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.52:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.64:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--never-forget: #996977;
--never-forget-rgb: 153 105 119;
--never-forget-oklch: oklch(0.575 0.064 0.2);
}
.element {
color: var(--never-forget);
background-color: hsl(343 19% 51%);
border-color: oklch(0.575 0.064 0.2);
}Tailwind CSS v4
@theme {
--color-never-forget: #996977;
--color-never-forget-50: #ffeef3;
--color-never-forget-100: #fcdfe6;
--color-never-forget-200: #edc9d2;
--color-never-forget-300: #d5aab5;
--color-never-forget-400: #bf8f9d;
--color-never-forget-500: #aa7484;
--color-never-forget-600: #906370;
--color-never-forget-700: #734f59;
--color-never-forget-800: #553942;
--color-never-forget-900: #3b272e;
--color-never-forget-950: #25151a;
}SCSS
$never-forget: #996977;
$never-forget-rgb: 153, 105, 119;
$never-forget-light: mix(#fff, $never-forget, 20%);
$never-forget-dark: mix(#000, $never-forget, 20%);
.element {
color: $never-forget;
box-shadow: 0 0 0 2px rgba($never-forget, 0.35);
}