色名 · #4E6341
Cub Scout
Cub Scoutは#4E6341：rgb(78 99 65)、hsl(97 21% 32%)、oklch(0.473 0.058 134)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Cub Scout color name →
#4E6341
oklch(0.473 0.058 134)
カラー変換
- HEX
- #4e6341
- RGB
- rgb(78 99 65)
- HSL
- hsl(97 21% 32%)
- HWB
- hwb(97 25% 61%)
- OKLCH
- oklch(0.473 0.058 134)
- OKLab
- oklab(0.473 -0.041 0.042)
- CIE Lab
- lab(39.51 -13.46 16.68)
- LCH
- lch(39.51 21.43 128.9)
- CMYK
- cmyk(21% 0% 34% 61%)
ティント · シェード · トーン
ティント
- 5E7152
- 6F8064
- 7F8F76
- 919F89
- A2AE9C
- B4BEAF
- C6CEC2
- D9DED6
- ECEEEA
シェード
- 435537
- 38472E
- 2D3A25
- 232E1C
- 192113
- 0F160B
- 070B05
- 020301
- 000000
トーン
- 536647
- 58694E
- 5D6C54
- 626F5A
- 677260
- 6C7467
- 71776D
- 767A73
- 7B7D7A
カラーハーモニー
補色 +180°
- 4E6341
Cub Scout
- 685273
≈ Basil Mauve
類似色 -30° +30°
- 4E6341
Cub Scout
- 615D35
≈ Basque Green
- 3A6653
≈ Isle of Pines
トライアド +120° +240°
- 4E6341
Cub Scout
- 445D7C
≈ Parlour Blue
- 794E52
≈ Veil of Cinder
スプリットコンプリメンタリー +150° +210°
- 4E6341
Cub Scout
- 57577C
≈ Blue Glaze
- 734E64
≈ Passionate
テトラード +90° +180° +270°
- 4E6341
Cub Scout
- 346374
≈ Atlantis
- 685273
≈ Basil Mauve
- 785140
≈ Earth Fired Red
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.59:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.18:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--cub-scout: #4e6341;
--cub-scout-rgb: 78 99 65;
--cub-scout-oklch: oklch(0.473 0.058 134);
}
.element {
color: var(--cub-scout);
background-color: hsl(97 21% 32%);
border-color: oklch(0.473 0.058 134);
}Tailwind CSS v4
@theme {
--color-cub-scout: #4e6341;
--color-cub-scout-50: #eef9e9;
--color-cub-scout-100: #dfedda;
--color-cub-scout-200: #c9dac2;
--color-cub-scout-300: #aabfa1;
--color-cub-scout-400: #90a683;
--color-cub-scout-500: #768f67;
--color-cub-scout-600: #647958;
--color-cub-scout-700: #506146;
--color-cub-scout-800: #3b4732;
--color-cub-scout-900: #283122;
--color-cub-scout-950: #161d11;
}SCSS
$cub-scout: #4e6341;
$cub-scout-rgb: 78, 99, 65;
$cub-scout-light: mix(#fff, $cub-scout, 20%);
$cub-scout-dark: mix(#000, $cub-scout, 20%);
.element {
color: $cub-scout;
box-shadow: 0 0 0 2px rgba($cub-scout, 0.35);
}