最も近い色名 · #80762A
#80762A
最も近い色名: Bay Leaf
#80762A（rgb(128 118 42)、hsl(53 51% 33%)、oklch(0.56 0.097 101.8)）に最も近い色名はBay Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#80762A
oklch(0.56 0.097 101.8)
カラー変換
- HEX
- #80762a
- RGB
- rgb(128 118 42)
- HSL
- hsl(53 51% 33%)
- HWB
- hwb(53 16% 50%)
- OKLCH
- oklch(0.56 0.097 101.8)
- OKLab
- oklab(0.56 -0.02 0.095)
- CIE Lab
- lab(49.41 -3.12 41.64)
- LCH
- lch(49.41 41.76 94.3)
- CMYK
- cmyk(0% 8% 67% 50%)
ティント · シェード · トーン
ティント
- 8C8342
- 989058
- A49E6C
- B1AB81
- BDB996
- CAC7AA
- D7D5BF
- E4E3D4
- F1F1E9
シェード
- 6E6623
- 5D561C
- 4D4716
- 3D3810
- 2E290A
- 1F1C05
- 120F02
- 060501
- 010100
トーン
- 807736
- 807840
- 807A49
- 807B52
- 807C5A
- 807D62
- 807E6A
- 807E71
- 807F79
カラーハーモニー
補色 +180°
- 80762A
Bay Leaf
- 6B6DAC
≈ Mediaeval
類似色 -30° +30°
- 80762A
Bay Leaf
- 976A2C
≈ Vintage Caramel
- 5F8042
≈ Mangrove Leaf
トライアド +120° +240°
- 80762A
Bay Leaf
- 1A819D
≈ Decore Splash
- 9B5D84
≈ Raspberry Jelly Red
スプリットコンプリメンタリー +150° +210°
- 80762A
Bay Leaf
- 4877AB
≈ Field Blue
- 87639E
≈ Chive Blossom
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.62:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.54:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--bay-leaf: #80762a;
--bay-leaf-rgb: 128 118 42;
--bay-leaf-oklch: oklch(0.56 0.097 101.8);
}
.element {
color: var(--bay-leaf);
background-color: hsl(53 51% 33%);
border-color: oklch(0.56 0.097 101.8);
}Tailwind CSS v4
@theme {
--color-bay-leaf: #80762a;
--color-bay-leaf-50: #f9f7d8;
--color-bay-leaf-100: #edeac5;
--color-bay-leaf-200: #dbd7a7;
--color-bay-leaf-300: #bfba80;
--color-bay-leaf-400: #aaa15b;
--color-bay-leaf-500: #938833;
--color-bay-leaf-600: #7d732d;
--color-bay-leaf-700: #645c23;
--color-bay-leaf-800: #4a4317;
--color-bay-leaf-900: #342e0f;
--color-bay-leaf-950: #1f1b03;
}SCSS
$bay-leaf: #80762a;
$bay-leaf-rgb: 128, 118, 42;
$bay-leaf-light: mix(#fff, $bay-leaf, 20%);
$bay-leaf-dark: mix(#000, $bay-leaf, 20%);
.element {
color: $bay-leaf;
box-shadow: 0 0 0 2px rgba($bay-leaf, 0.35);
}