最も近い色名 · #729746
#729746
最も近い色名: Mossy Glossy
#729746（rgb(114 151 70)、hsl(87 37% 43%)、oklch(0.63 0.117 129.6)）に最も近い色名はMossy Glossyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#729746
oklch(0.63 0.117 129.6)
カラー変換
- HEX
- #729746
- RGB
- rgb(114 151 70)
- HSL
- hsl(87 37% 43%)
- HWB
- hwb(87 27% 41%)
- OKLCH
- oklch(0.63 0.117 129.6)
- OKLab
- oklab(0.63 -0.075 0.091)
- CIE Lab
- lab(58.32 -23.73 37.77)
- LCH
- lch(58.32 44.6 122.1)
- CMYK
- cmyk(25% 0% 54% 41%)
ティント · シェード · トーン
ティント
- 7FA159
- 8DAC6C
- 9BB67E
- A8C091
- B6CBA3
- C5D5B5
- D3DFC7
- E1EADA
- F0F4EC
シェード
- 62833C
- 536F32
- 445C28
- 36491E
- 283715
- 1B260D
- 0E1705
- 040802
- 010100
トーン
- 74954E
- 759354
- 76915B
- 788E61
- 798C67
- 7B8A6C
- 7C8771
- 7D8576
- 7F837B
カラーハーモニー
補色 +180°
- 729746
Mossy Glossy
- 9F74BE
≈ Purple Pride
類似色 -30° +30°
- 729746
Mossy Glossy
- 9B8A25
≈ Offbeat Green
- 3B9F70
≈ Bulma Hair
トライアド +120° +240°
- 729746
Mossy Glossy
- 4C8ECD
≈ Blue Dart
- C56979
≈ Lovebirds
スプリットコンプリメンタリー +150° +210°
- 729746
Mossy Glossy
- 7B80CF
≈ Tanzine
- B86BA0
≈ Pearly Purple
テトラード +90° +180° +270°
- 729746
Mossy Glossy
- 0099B8
≈ Serene Blue
- 9F74BE
≈ Purple Pride
- C56E51
≈ Raw Copper
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.37:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.23:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--mossy-glossy: #729746;
--mossy-glossy-rgb: 114 151 70;
--mossy-glossy-oklch: oklch(0.63 0.117 129.6);
}
.element {
color: var(--mossy-glossy);
background-color: hsl(87 37% 43%);
border-color: oklch(0.63 0.117 129.6);
}Tailwind CSS v4
@theme {
--color-mossy-glossy: #729746;
--color-mossy-glossy-50: #e9fdda;
--color-mossy-glossy-100: #daf1c8;
--color-mossy-glossy-200: #c2dfab;
--color-mossy-glossy-300: #a2c485;
--color-mossy-glossy-400: #88ac5f;
--color-mossy-glossy-500: #6d9539;
--color-mossy-glossy-600: #5c7e32;
--color-mossy-glossy-700: #496528;
--color-mossy-glossy-800: #374a19;
--color-mossy-glossy-900: #253310;
--color-mossy-glossy-950: #141f03;
}SCSS
$mossy-glossy: #729746;
$mossy-glossy-rgb: 114, 151, 70;
$mossy-glossy-light: mix(#fff, $mossy-glossy, 20%);
$mossy-glossy-dark: mix(#000, $mossy-glossy, 20%);
.element {
color: $mossy-glossy;
box-shadow: 0 0 0 2px rgba($mossy-glossy, 0.35);
}