最も近い色名 · #297334
#297334
最も近い色名: Forestial
#297334（rgb(41 115 52)、hsl(129 47% 31%)、oklch(0.494 0.121 146.2)）に最も近い色名はForestialです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#297334
oklch(0.494 0.121 146.2)
カラー変換
- HEX
- #297334
- RGB
- rgb(41 115 52)
- HSL
- hsl(129 47% 31%)
- HWB
- hwb(129 16% 55%)
- OKLCH
- oklch(0.494 0.121 146.2)
- OKLab
- oklab(0.494 -0.1 0.067)
- CIE Lab
- lab(42.75 -34.61 27.48)
- LCH
- lch(42.75 44.2 141.5)
- CMYK
- cmyk(64% 0% 55% 55%)
ティント · シェード · トーン
ティント
- 418148
- 578E5B
- 6C9C6F
- 80AA83
- 95B897
- AAC6AB
- BFD4BF
- D4E2D4
- E9F1E9
シェード
- 22632C
- 1C5424
- 15451C
- 0F3615
- 09280E
- 051B07
- 020F03
- 010501
- 000100
トーン
- 35753D
- 3F7645
- 49784C
- 517954
- 5A7A5C
- 627C63
- 697D6A
- 717E72
- 797F79
カラーハーモニー
補色 +180°
- 297334
Forestial
- 844686
≈ Prunella
類似色 -30° +30°
- 297334
Forestial
- 5F6900
≈ Mud Green
- 007260
≈ Falcon Turquoise
トライアド +120° +240°
- 297334
Forestial
- 415DA6
≈ Kakitsubata Blue
- 9A413B
≈ Autumn Ridge
スプリットコンプリメンタリー +150° +210°
- 297334
Forestial
- 69509E
≈ Ultrapurple Merge
- 954063
≈ Aurora Magenta
テトラード +90° +180° +270°
- 297334
Forestial
- 006995
≈ Hydra
- 844686
≈ Prunella
- 934C00
≈ Brownie
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.83:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.59:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.83:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--forestial: #297334;
--forestial-rgb: 41 115 52;
--forestial-oklch: oklch(0.494 0.121 146.2);
}
.element {
color: var(--forestial);
background-color: hsl(129 47% 31%);
border-color: oklch(0.494 0.121 146.2);
}Tailwind CSS v4
@theme {
--color-forestial: #297334;
--color-forestial-50: #dfffe2;
--color-forestial-100: #cdf4d2;
--color-forestial-200: #b2e3b8;
--color-forestial-300: #8cc995;
--color-forestial-400: #6db273;
--color-forestial-500: #499b53;
--color-forestial-600: #3f8347;
--color-forestial-700: #326938;
--color-forestial-800: #254d26;
--color-forestial-900: #193619;
--color-forestial-950: #09210a;
}SCSS
$forestial: #297334;
$forestial-rgb: 41, 115, 52;
$forestial-light: mix(#fff, $forestial, 20%);
$forestial-dark: mix(#000, $forestial, 20%);
.element {
color: $forestial;
box-shadow: 0 0 0 2px rgba($forestial, 0.35);
}