色名 · #883F11
Gryphonne Sepia Wash
Gryphonne Sepia Washは#883F11：rgb(136 63 17)、hsl(23 78% 30%)、oklch(0.456 0.114 47.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Gryphonne Sepia Wash color name →
#883F11
oklch(0.456 0.114 47.8)
カラー変換
- HEX
- #883f11
- RGB
- rgb(136 63 17)
- HSL
- hsl(23 78% 30%)
- HWB
- hwb(23 7% 47%)
- OKLCH
- oklch(0.456 0.114 47.8)
- OKLab
- oklab(0.456 0.077 0.085)
- CIE Lab
- lab(36.13 29.9 40.71)
- LCH
- lch(36.13 50.51 53.7)
- CMYK
- cmyk(0% 54% 88% 47%)
ティント · シェード · トーン
ティント
- 95522D
- A16445
- AE775B
- BA8A72
- C69D88
- D2B09F
- DDC3B7
- E9D7CE
- F4EBE7
シェード
- 75350D
- 632C09
- 522306
- 411B04
- 311202
- 220A01
- 130400
- 060100
- 010000
トーン
- 884621
- 884D2E
- 885439
- 885B44
- 87614E
- 866858
- 856E62
- 84746C
- 827A76
カラーハーモニー
補色 +180°
- 883F11
Gryphonne Sepia Wash
- 00607D
≈ Back of Beyond
類似色 -30° +30°
- 883F11
Gryphonne Sepia Wash
- 8B373E
≈ Bindi Dot
- 744F00
≈ Lucky Brown
トライアド +120° +240°
- 883F11
Gryphonne Sepia Wash
- 00674D
≈ Bangladesh Green
- 554A92
≈ Liberty
スプリットコンプリメンタリー +150° +210°
- 883F11
Gryphonne Sepia Wash
- 006466
≈ Really Teal
- 2A5695
≈ B’dazzled Blue
テトラード +90° +180° +270°
- 883F11
Gryphonne Sepia Wash
- 34651F
≈ Radical Green
- 00607D
≈ Back of Beyond
- 714080
≈ Amaranth Purple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.59:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.76:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--gryphonne-sepia-wash: #883f11;
--gryphonne-sepia-wash-rgb: 136 63 17;
--gryphonne-sepia-wash-oklch: oklch(0.456 0.114 47.8);
}
.element {
color: var(--gryphonne-sepia-wash);
background-color: hsl(23 78% 30%);
border-color: oklch(0.456 0.114 47.8);
}Tailwind CSS v4
@theme {
--color-gryphonne-sepia-wash: #883f11;
--color-gryphonne-sepia-wash-50: #ffedd9;
--color-gryphonne-sepia-wash-100: #ffdec7;
--color-gryphonne-sepia-wash-200: #fdc7a9;
--color-gryphonne-sepia-wash-300: #e7a683;
--color-gryphonne-sepia-wash-400: #d58961;
--color-gryphonne-sepia-wash-500: #c26c3d;
--color-gryphonne-sepia-wash-600: #a45c35;
--color-gryphonne-sepia-wash-700: #84492a;
--color-gryphonne-sepia-wash-800: #62341e;
--color-gryphonne-sepia-wash-900: #452414;
--color-gryphonne-sepia-wash-950: #2c1206;
}SCSS
$gryphonne-sepia-wash: #883f11;
$gryphonne-sepia-wash-rgb: 136, 63, 17;
$gryphonne-sepia-wash-light: mix(#fff, $gryphonne-sepia-wash, 20%);
$gryphonne-sepia-wash-dark: mix(#000, $gryphonne-sepia-wash, 20%);
.element {
color: $gryphonne-sepia-wash;
box-shadow: 0 0 0 2px rgba($gryphonne-sepia-wash, 0.35);
}