色名 · #80502B
Valise
Valiseは#80502B：rgb(128 80 43)、hsl(26 50% 34%)、oklch(0.478 0.083 56.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Valise color name →
#80502B
oklch(0.478 0.083 56.7)
カラー変換
- HEX
- #80502b
- RGB
- rgb(128 80 43)
- HSL
- hsl(26 50% 34%)
- HWB
- hwb(26 17% 50%)
- OKLCH
- oklch(0.478 0.083 56.7)
- OKLab
- oklab(0.478 0.045 0.069)
- CIE Lab
- lab(39.07 18 30.16)
- LCH
- lch(39.07 35.13 59.2)
- CMYK
- cmyk(0% 38% 66% 50%)
ティント · シェード · トーン
ティント
- 8D6040
- 997154
- A68268
- B3937D
- BFA492
- CCB6A7
- D9C8BC
- E6DAD2
- F2ECE8
シェード
- 6E4424
- 5D391D
- 4D2E16
- 3D2410
- 2E1A0A
- 1F1005
- 120702
- 060201
- 010000
トーン
- 815535
- 815A3E
- 815F46
- 81644F
- 816957
- 816D5F
- 817268
- 817770
- 817B78
カラーハーモニー
補色 +180°
- 80502B
Valise
- 276486
≈ Carbide
類似色 -30° +30°
- 80502B
Valise
- 854A44
≈ Henna
- 71591D
≈ Hot Mustard
トライアド +120° +240°
- 80502B
Valise
- 146C5C
≈ Pacific Queen
- 625386
≈ Wool Violet
スプリットコンプリメンタリー +150° +210°
- 80502B
Valise
- 006A74
≈ Mary Blue
- 485B8C
≈ Gem
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.77:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.10:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--valise: #80502b;
--valise-rgb: 128 80 43;
--valise-oklch: oklch(0.478 0.083 56.7);
}
.element {
color: var(--valise);
background-color: hsl(26 50% 34%);
border-color: oklch(0.478 0.083 56.7);
}Tailwind CSS v4
@theme {
--color-valise: #80502b;
--color-valise-50: #fff0de;
--color-valise-100: #fee2cd;
--color-valise-200: #f0ccb2;
--color-valise-300: #d8ae8e;
--color-valise-400: #c4926e;
--color-valise-500: #b0784e;
--color-valise-600: #956543;
--color-valise-700: #775135;
--color-valise-800: #593a26;
--color-valise-900: #3e2819;
--color-valise-950: #27160a;
}SCSS
$valise: #80502b;
$valise-rgb: 128, 80, 43;
$valise-light: mix(#fff, $valise, 20%);
$valise-dark: mix(#000, $valise, 20%);
.element {
color: $valise;
box-shadow: 0 0 0 2px rgba($valise, 0.35);
}