最も近い色名 · #59716E
#59716E
最も近い色名: Dark Forest
#59716E（rgb(89 113 110)、hsl(173 12% 40%)、oklch(0.528 0.029 187)）に最も近い色名はDark Forestです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#59716E
oklch(0.528 0.029 187)
カラー変換
- HEX
- #59716e
- RGB
- rgb(89 113 110)
- HSL
- hsl(173 12% 40%)
- HWB
- hwb(173 35% 56%)
- OKLCH
- oklch(0.528 0.029 187)
- OKLab
- oklab(0.528 -0.028 -0.003)
- CIE Lab
- lab(45.64 -9.67 -1.4)
- LCH
- lch(45.64 9.77 188.2)
- CMYK
- cmyk(21% 0% 3% 56%)
ティント · シェード · トーン
ティント
- 687E7B
- 788C89
- 889997
- 98A7A5
- A9B5B4
- BAC4C2
- CBD2D1
- DCE1E0
- EDF0F0
シェード
- 4C615F
- 405250
- 344341
- 283533
- 1D2726
- 131A19
- 090E0E
- 030404
- 000101
トーン
- 5D7370
- 617472
- 657673
- 697775
- 6D7977
- 717A79
- 747C7B
- 787D7C
- 7C7F7E
カラーハーモニー
補色 +180°
- 59716E
Dark Forest
- 7B6568
≈ Amazing Amethyst
類似色 -30° +30°
- 59716E
Dark Forest
- 5E7165
≈ Balmy Palm Tree
- 597076
≈ Bowman Blue
トライアド +120° +240°
- 59716E
Dark Forest
- 706779
≈ Rum
- 77685A
≈ Curlew
スプリットコンプリメンタリー +150° +210°
- 59716E
Dark Forest
- 776571
≈ Burnt Ash
- 7B6660
≈ Deep Taupe
テトラード +90° +180° +270°
- 59716E
Dark Forest
- 676A7C
≈ Nostalgic
- 7B6568
≈ Amazing Amethyst
- 706C59
≈ Coastline Trail
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--dark-forest: #59716e;
--dark-forest-rgb: 89 113 110;
--dark-forest-oklch: oklch(0.528 0.029 187);
}
.element {
color: var(--dark-forest);
background-color: hsl(173 12% 40%);
border-color: oklch(0.528 0.029 187);
}Tailwind CSS v4
@theme {
--color-dark-forest: #59716e;
--color-dark-forest-50: #ecf8f7;
--color-dark-forest-100: #deebea;
--color-dark-forest-200: #c7d8d7;
--color-dark-forest-300: #a8bcba;
--color-dark-forest-400: #8ca4a1;
--color-dark-forest-500: #718d89;
--color-dark-forest-600: #607774;
--color-dark-forest-700: #4d5f5d;
--color-dark-forest-800: #384644;
--color-dark-forest-900: #26302f;
--color-dark-forest-950: #141c1b;
}SCSS
$dark-forest: #59716e;
$dark-forest-rgb: 89, 113, 110;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}