色名 · #8F755B
Cargo
Cargoは#8F755B：rgb(143 117 91)、hsl(30 22% 46%)、oklch(0.58 0.05 66.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cargo color name →
#8F755B
oklch(0.58 0.05 66.6)
カラー変換
- HEX
- #8f755b
- RGB
- rgb(143 117 91)
- HSL
- hsl(30 22% 46%)
- HWB
- hwb(30 36% 44%)
- OKLCH
- oklch(0.58 0.05 66.6)
- OKLab
- oklab(0.58 0.02 0.046)
- CIE Lab
- lab(51.27 7.63 18.4)
- LCH
- lch(51.27 19.92 67.5)
- CMYK
- cmyk(0% 18% 36% 44%)
ティント · シェード · トーン
ティント
- 9A826A
- A58F7A
- B09D8A
- BBAA9A
- C6B8AA
- D1C6BB
- DDD4CB
- E8E2DC
- F3F0EE
シェード
- 7C654E
- 695541
- 574635
- 453729
- 34291E
- 241C13
- 150F09
- 070503
- 010100
トーン
- 8E765F
- 8C7763
- 8B7867
- 897A6A
- 887B6E
- 867C72
- 857D75
- 837E79
- 827F7C
カラーハーモニー
補色 +180°
- 8F755B
Cargo
- 637E97
≈ Indigo Dreams
類似色 -30° +30°
- 8F755B
Cargo
- 957066
≈ Prairie Dog
- 837B59
≈ Dried Herb
トライアド +120° +240°
- 8F755B
Cargo
- 58847F
≈ Rainier Blue
- 827392
≈ Provence Violet
スプリットコンプリメンタリー +150° +210°
- 8F755B
Cargo
- 58828E
≈ Cape Lee
- 727898
≈ Quantum Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.31:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.86:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--cargo: #8f755b;
--cargo-rgb: 143 117 91;
--cargo-oklch: oklch(0.58 0.05 66.6);
}
.element {
color: var(--cargo);
background-color: hsl(30 22% 46%);
border-color: oklch(0.58 0.05 66.6);
}Tailwind CSS v4
@theme {
--color-cargo: #8f755b;
--color-cargo-50: #fff3e6;
--color-cargo-100: #f3e5d7;
--color-cargo-200: #e3d1be;
--color-cargo-300: #c9b39d;
--color-cargo-400: #b39980;
--color-cargo-500: #9d8063;
--color-cargo-600: #856c54;
--color-cargo-700: #6a5743;
--color-cargo-800: #4f3f30;
--color-cargo-900: #372b21;
--color-cargo-950: #221910;
}SCSS
$cargo: #8f755b;
$cargo-rgb: 143, 117, 91;
$cargo-light: mix(#fff, $cargo, 20%);
$cargo-dark: mix(#000, $cargo, 20%);
.element {
color: $cargo;
box-shadow: 0 0 0 2px rgba($cargo, 0.35);
}