色名 · #3A4032
Kombu Green
Kombu Greenは#3A4032：rgb(58 64 50)、hsl(86 12% 22%)、oklch(0.361 0.025 126.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Kombu Green color name →
#3A4032
oklch(0.361 0.025 126.5)
カラー変換
- HEX
- #3a4032
- RGB
- rgb(58 64 50)
- HSL
- hsl(86 12% 22%)
- HWB
- hwb(86 20% 75%)
- OKLCH
- oklch(0.361 0.025 126.5)
- OKLab
- oklab(0.361 -0.015 0.02)
- CIE Lab
- lab(26.19 -4.86 7.72)
- LCH
- lch(26.19 9.13 122.2)
- CMYK
- cmyk(9% 0% 22% 75%)
ティント · シェード · トーン
ティント
- 4B5144
- 5D6256
- 70746A
- 83877D
- 969A92
- AAADA7
- BFC1BC
- D4D5D2
- E9EAE8
シェード
- 31362A
- 282D22
- 20241B
- 181B14
- 10130D
- 090B07
- 040503
- 010101
- 000000
トーン
- 414639
- 474C41
- 4E5248
- 555950
- 5C5F58
- 636660
- 6A6C68
- 717370
- 797978
カラーハーモニー
補色 +180°
- 3A4032
Kombu Green
- 413A48
≈ Ship Grey
類似色 -30° +30°
- 3A4032
Kombu Green
- 413E2F
≈ I R Dark Green
- 334238
≈ Timber Green
トライアド +120° +240°
- 3A4032
Kombu Green
- 333F4A
≈ Deepsea Core
- 49383B
≈ Vibrant Vine
スプリットコンプリメンタリー +150° +210°
- 3A4032
Kombu Green
- 3A3D4B
≈ India Ink
- 463942
≈ Priceless Purple
テトラード +90° +180° +270°
- 3A4032
Kombu Green
- 2F4146
≈ Big Stone
- 413A48
≈ Ship Grey
- 493934
≈ Brown Beauty
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.71:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.95:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.71:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--kombu-green: #3a4032;
--kombu-green-rgb: 58 64 50;
--kombu-green-oklch: oklch(0.361 0.025 126.5);
}
.element {
color: var(--kombu-green);
background-color: hsl(86 12% 22%);
border-color: oklch(0.361 0.025 126.5);
}Tailwind CSS v4
@theme {
--color-kombu-green: #3a4032;
--color-kombu-green-50: #f3f7ef;
--color-kombu-green-100: #e5eae1;
--color-kombu-green-200: #d1d6cb;
--color-kombu-green-300: #b3baad;
--color-kombu-green-400: #9aa192;
--color-kombu-green-500: #828978;
--color-kombu-green-600: #6e7466;
--color-kombu-green-700: #585d51;
--color-kombu-green-800: #40443b;
--color-kombu-green-900: #2c2f28;
--color-kombu-green-950: #191b16;
}SCSS
$kombu-green: #3a4032;
$kombu-green-rgb: 58, 64, 50;
$kombu-green-light: mix(#fff, $kombu-green, 20%);
$kombu-green-dark: mix(#000, $kombu-green, 20%);
.element {
color: $kombu-green;
box-shadow: 0 0 0 2px rgba($kombu-green, 0.35);
}