最も近い色名 · #77516A
#77516A
最も近い色名: Hibernation
#77516A（rgb(119 81 106)、hsl(321 19% 39%)、oklch(0.485 0.062 340.1)）に最も近い色名はHibernationです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#77516A
oklch(0.485 0.062 340.1)
カラー変換
- HEX
- #77516a
- RGB
- rgb(119 81 106)
- HSL
- hsl(321 19% 39%)
- HWB
- hwb(321 32% 53%)
- OKLCH
- oklch(0.485 0.062 340.1)
- OKLab
- oklab(0.485 0.059 -0.021)
- CIE Lab
- lab(39.37 19.5 -7.77)
- LCH
- lch(39.37 20.99 338.3)
- CMYK
- cmyk(0% 32% 11% 53%)
ティント · シェード · トーン
ティント
- 846178
- 917186
- 9F8294
- AC93A3
- BAA4B2
- C7B6C1
- D5C8D0
- E3DADF
- F1ECEF
シェード
- 67455B
- 573A4D
- 472F3F
- 382431
- 2A1A24
- 1C1018
- 10070D
- 050204
- 010000
トーン
- 78566C
- 795A6E
- 7A5F71
- 7B6473
- 7C6975
- 7D6D77
- 7E7279
- 7F777C
- 7F7B7E
カラーハーモニー
補色 +180°
- 77516A
Hibernation
- 3E6A53
≈ Toad King
類似色 -30° +30°
- 77516A
Hibernation
- 6A5579
≈ Charoite Violet
- 7E5057
≈ Sunset Red
トライアド +120° +240°
- 77516A
Hibernation
- 676035
≈ Saguaro
- 326777
≈ Loon Turquoise
スプリットコンプリメンタリー +150° +210°
- 77516A
Hibernation
- 536640
≈ Daisy Leaf
- 2E6A67
≈ Magnetic Green
テトラード +90° +180° +270°
- 77516A
Hibernation
- 765937
≈ Shingle Fawn
- 3E6A53
≈ Toad King
- 436281
≈ Blue Ashes
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.62:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.16:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--hibernation: #77516a;
--hibernation-rgb: 119 81 106;
--hibernation-oklch: oklch(0.485 0.062 340.1);
}
.element {
color: var(--hibernation);
background-color: hsl(321 19% 39%);
border-color: oklch(0.485 0.062 340.1);
}Tailwind CSS v4
@theme {
--color-hibernation: #77516a;
--color-hibernation-50: #ffeffa;
--color-hibernation-100: #f8e0ee;
--color-hibernation-200: #e8cadc;
--color-hibernation-300: #cfabc0;
--color-hibernation-400: #b890aa;
--color-hibernation-500: #a37693;
--color-hibernation-600: #8a647c;
--color-hibernation-700: #6e5064;
--color-hibernation-800: #513a4a;
--color-hibernation-900: #382833;
--color-hibernation-950: #23161f;
}SCSS
$hibernation: #77516a;
$hibernation-rgb: 119, 81, 106;
$hibernation-light: mix(#fff, $hibernation, 20%);
$hibernation-dark: mix(#000, $hibernation, 20%);
.element {
color: $hibernation;
box-shadow: 0 0 0 2px rgba($hibernation, 0.35);
}