色名 · #C07765
Himalayan Salt
Himalayan Saltは#C07765：rgb(192 119 101)、hsl(12 42% 57%)、oklch(0.643 0.096 34.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Himalayan Salt color name →
#C07765
oklch(0.643 0.096 34.6)
カラー変換
- HEX
- #c07765
- RGB
- rgb(192 119 101)
- HSL
- hsl(12 42% 57%)
- HWB
- hwb(12 40% 25%)
- OKLCH
- oklch(0.643 0.096 34.6)
- OKLab
- oklab(0.643 0.079 0.055)
- CIE Lab
- lab(57.79 27.93 22.58)
- LCH
- lch(57.79 35.92 39)
- CMYK
- cmyk(0% 38% 47% 25%)
ティント · シェード · トーン
ティント
- C78474
- CE9283
- D59F92
- DBADA1
- E2BAB0
- E8C8C0
- EED5CF
- F4E3DF
- FAF1EF
シェード
- A76757
- 8E5749
- 76473C
- 5F382F
- 492A22
- 341C17
- 20100C
- 0E0503
- 020100
トーン
- BA7868
- B47A6B
- AE7B6E
- A87C71
- A17D73
- 9B7D76
- 947E79
- 8E7F7B
- 877F7E
カラーハーモニー
補色 +180°
- C07765
Himalayan Salt
- 369CB1
≈ Sports Blue
類似色 -30° +30°
- C07765
Himalayan Salt
- BE7485
≈ Rosily
- B6804B
≈ Caramel Sauce
トライアド +120° +240°
- C07765
Himalayan Salt
- 5A9E73
≈ Advertising Green
- 7B88C8
≈ True Lavender
スプリットコンプリメンタリー +150° +210°
- C07765
Himalayan Salt
- 37A094
≈ Baltic Green
- 5793C4
≈ Come Sail Away
テトラード +90° +180° +270°
- C07765
Himalayan Salt
- 809754
≈ Bold Avocado
- 369CB1
≈ Sports Blue
- 9A7EBC
≈ Plum Burst
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.46:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.06:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--himalayan-salt: #c07765;
--himalayan-salt-rgb: 192 119 101;
--himalayan-salt-oklch: oklch(0.643 0.096 34.6);
}
.element {
color: var(--himalayan-salt);
background-color: hsl(12 42% 57%);
border-color: oklch(0.643 0.096 34.6);
}Tailwind CSS v4
@theme {
--color-himalayan-salt: #c07765;
--color-himalayan-salt-50: #ffece2;
--color-himalayan-salt-100: #ffddd2;
--color-himalayan-salt-200: #fac7b8;
--color-himalayan-salt-300: #e4a795;
--color-himalayan-salt-400: #d18a78;
--color-himalayan-salt-500: #bd6d5a;
--color-himalayan-salt-600: #a05d4d;
--color-himalayan-salt-700: #804a3d;
--color-himalayan-salt-800: #5f352d;
--color-himalayan-salt-900: #43241e;
--color-himalayan-salt-950: #2b130e;
}SCSS
$himalayan-salt: #c07765;
$himalayan-salt-rgb: 192, 119, 101;
$himalayan-salt-light: mix(#fff, $himalayan-salt, 20%);
$himalayan-salt-dark: mix(#000, $himalayan-salt, 20%);
.element {
color: $himalayan-salt;
box-shadow: 0 0 0 2px rgba($himalayan-salt, 0.35);
}