最も近い色名 · #4C8718
#4C8718
最も近い色名: Kelp Forest
#4C8718（rgb(76 135 24)、hsl(92 70% 31%)、oklch(0.562 0.151 134.3)）に最も近い色名はKelp Forestです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4C8718
oklch(0.562 0.151 134.3)
カラー変換
- HEX
- #4c8718
- RGB
- rgb(76 135 24)
- HSL
- hsl(92 70% 31%)
- HWB
- hwb(92 9% 47%)
- OKLCH
- oklch(0.562 0.151 134.3)
- OKLab
- oklab(0.562 -0.106 0.108)
- CIE Lab
- lab(50.72 -33.79 48.02)
- LCH
- lch(50.72 58.72 125.1)
- CMYK
- cmyk(44% 0% 82% 47%)
ティント · シェード · トーン
ティント
- 5E9338
- 6F9F50
- 80AB66
- 92B77C
- A4C392
- B6CFA7
- C8DBBD
- DAE7D3
- ECF3E9
シェード
- 417513
- 36630F
- 2C510A
- 224107
- 183104
- 0F2102
- 061301
- 020600
- 000100
トーン
- 52872A
- 588638
- 5D8643
- 63854D
- 688556
- 6D845F
- 728368
- 778270
- 7B8178
カラーハーモニー
補色 +180°
- 4C8718
Kelp Forest
- 9555B2
≈ Liberal Lilac
類似色 -30° +30°
- 4C8718
Kelp Forest
- 817800
≈ Tool Green
- 008A62
≈ Absinthe Turquoise
トライアド +120° +240°
- 4C8718
Kelp Forest
- 2A75CB
≈ Blue-Eyed Boy
- BC4759
≈ Thai Spice
スプリットコンプリメンタリー +150° +210°
- 4C8718
Kelp Forest
- 6D64C9
≈ Dark Periwinkle
- AF4A8A
≈ Purple Orchid
テトラード +90° +180° +270°
- 4C8718
Kelp Forest
- 0081A3
≈ Ahoy! Blue
- 9555B2
≈ Liberal Lilac
- BA5117
≈ Taisha Brown
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.38:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.78:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.78:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--kelp-forest: #4c8718;
--kelp-forest-rgb: 76 135 24;
--kelp-forest-oklch: oklch(0.562 0.151 134.3);
}
.element {
color: var(--kelp-forest);
background-color: hsl(92 70% 31%);
border-color: oklch(0.562 0.151 134.3);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #4c8718;
--color-kelp-forest-50: #e2ffd5;
--color-kelp-forest-100: #d1f4c2;
--color-kelp-forest-200: #b7e4a3;
--color-kelp-forest-300: #93c97b;
--color-kelp-forest-400: #77b150;
--color-kelp-forest-500: #589b1e;
--color-kelp-forest-600: #4b831d;
--color-kelp-forest-700: #3c6917;
--color-kelp-forest-800: #2d4d0a;
--color-kelp-forest-900: #1f3507;
--color-kelp-forest-950: #0e2000;
}SCSS
$kelp-forest: #4c8718;
$kelp-forest-rgb: 76, 135, 24;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}