最も近い色名 · #855000
#855000
最も近い色名: Grizzly
#855000（rgb(133 80 0)、hsl(36 100% 26%)、oklch(0.481 0.106 67.1)）に最も近い色名はGrizzlyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#855000
oklch(0.481 0.106 67.1)
カラー変換
- HEX
- #855000
- RGB
- rgb(133 80 0)
- HSL
- hsl(36 100% 26%)
- HWB
- hwb(36 0% 48%)
- OKLCH
- oklch(0.481 0.106 67.1)
- OKLab
- oklab(0.481 0.041 0.098)
- CIE Lab
- lab(39.53 19.1 48.24)
- LCH
- lch(39.53 51.88 68.4)
- CMYK
- cmyk(0% 40% 100% 48%)
ティント · シェード · トーン
ティント
- 916128
- 9E7242
- AA8359
- B69471
- C2A588
- CEB79F
- DBC8B6
- E7DACE
- F3EDE6
シェード
- 734400
- 613900
- 502E00
- 402400
- 301A00
- 211000
- 130700
- 060200
- 010000
トーン
- 85551A
- 855A2A
- 855F37
- 856443
- 84694D
- 846E58
- 837262
- 82776C
- 817C76
カラーハーモニー
補色 +180°
- 855000
Grizzly
- 216296
≈ Outer Reef
類似色 -30° +30°
- 855000
Grizzly
- 904530
≈ Sedona Stone
- 6E5D00
≈ Green Brown
トライアド +120° +240°
- 855000
Grizzly
- 006D66
≈ Office Blue Green
- 6E4C8C
≈ Grapes of Italy
スプリットコンプリメンタリー +150° +210°
- 855000
Grizzly
- 00697E
≈ Caribbean Splash
- 505799
≈ Governor Bay
テトラード +90° +180° +270°
- 855000
Grizzly
- 156F45
≈ So-Sari
- 216296
≈ Outer Reef
- 834474
≈ Club Mauve
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.67:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.14:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--grizzly: #855000;
--grizzly-rgb: 133 80 0;
--grizzly-oklch: oklch(0.481 0.106 67.1);
}
.element {
color: var(--grizzly);
background-color: hsl(36 100% 26%);
border-color: oklch(0.481 0.106 67.1);
}Tailwind CSS v4
@theme {
--color-grizzly: #855000;
--color-grizzly-50: #fff0d5;
--color-grizzly-100: #ffe2c2;
--color-grizzly-200: #f3cda3;
--color-grizzly-300: #dbae7b;
--color-grizzly-400: #c99257;
--color-grizzly-500: #b5772c;
--color-grizzly-600: #996528;
--color-grizzly-700: #7a501f;
--color-grizzly-800: #5b3a15;
--color-grizzly-900: #40280e;
--color-grizzly-950: #291602;
}SCSS
$grizzly: #855000;
$grizzly-rgb: 133, 80, 0;
$grizzly-light: mix(#fff, $grizzly, 20%);
$grizzly-dark: mix(#000, $grizzly, 20%);
.element {
color: $grizzly;
box-shadow: 0 0 0 2px rgba($grizzly, 0.35);
}