最も近い色名 · #59632B
#59632B
最も近い色名: Bimi Green
#59632B（rgb(89 99 43)、hsl(71 39% 28%)、oklch(0.478 0.08 118)）に最も近い色名はBimi Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#59632B
oklch(0.478 0.08 118)
カラー変換
- HEX
- #59632b
- RGB
- rgb(89 99 43)
- HSL
- hsl(71 39% 28%)
- HWB
- hwb(71 17% 61%)
- OKLCH
- oklch(0.478 0.08 118)
- OKLab
- oklab(0.478 -0.038 0.071)
- CIE Lab
- lab(40.1 -10.84 29.92)
- LCH
- lch(40.1 31.83 109.9)
- CMYK
- cmyk(10% 0% 57% 61%)
ティント · シェード · トーン
ティント
- 687240
- 778054
- 878F69
- 979F7D
- A8AE92
- B9BEA7
- CACEBD
- DBDED2
- EDEEE9
シェード
- 4C5524
- 40471D
- 343A16
- 282E10
- 1D210A
- 131605
- 090B02
- 030301
- 000000
トーン
- 5D6635
- 60693E
- 646C47
- 686F4F
- 6C7257
- 707560
- 747868
- 787A70
- 7C7D78
カラーハーモニー
補色 +180°
- 59632B
Bimi Green
- 625384
≈ Wool Violet
類似色 -30° +30°
- 59632B
Bimi Green
- 705A20
≈ Olivary
- 3B6943
≈ Friendly Fairway
トライアド +120° +240°
- 59632B
Bimi Green
- 2B6385
≈ Carbide
- 81495D
≈ Frenzied Red
スプリットコンプリメンタリー +150° +210°
- 59632B
Bimi Green
- 495B8A
≈ Gem
- 754C74
≈ Cabbage Blossom Violet
テトラード +90° +180° +270°
- 59632B
Bimi Green
- 086974
≈ Cotton Indigo
- 625384
≈ Wool Violet
- 844A43
≈ Henna
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.47:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.24:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--bimi-green: #59632b;
--bimi-green-rgb: 89 99 43;
--bimi-green-oklch: oklch(0.478 0.08 118);
}
.element {
color: var(--bimi-green);
background-color: hsl(71 39% 28%);
border-color: oklch(0.478 0.08 118);
}Tailwind CSS v4
@theme {
--color-bimi-green: #59632b;
--color-bimi-green-50: #f2f9e0;
--color-bimi-green-100: #e4eccf;
--color-bimi-green-200: #cfdab4;
--color-bimi-green-300: #b2be90;
--color-bimi-green-400: #9aa56f;
--color-bimi-green-500: #818d4e;
--color-bimi-green-600: #6d7843;
--color-bimi-green-700: #576035;
--color-bimi-green-800: #414625;
--color-bimi-green-900: #2d3018;
--color-bimi-green-950: #1a1d09;
}SCSS
$bimi-green: #59632b;
$bimi-green-rgb: 89, 99, 43;
$bimi-green-light: mix(#fff, $bimi-green, 20%);
$bimi-green-dark: mix(#000, $bimi-green, 20%);
.element {
color: $bimi-green;
box-shadow: 0 0 0 2px rgba($bimi-green, 0.35);
}