最も近い色名 · #376728
#376728
最も近い色名: Greenhouse
#376728（rgb(55 103 40)、hsl(106 44% 28%)、oklch(0.464 0.107 138.9)）に最も近い色名はGreenhouseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#376728
oklch(0.464 0.107 138.9)
カラー変換
- HEX
- #376728
- RGB
- rgb(55 103 40)
- HSL
- hsl(106 44% 28%)
- HWB
- hwb(106 16% 60%)
- OKLCH
- oklch(0.464 0.107 138.9)
- OKLab
- oklab(0.464 -0.081 0.071)
- CIE Lab
- lab(39.07 -26.91 29.55)
- LCH
- lch(39.07 39.97 132.3)
- CMYK
- cmyk(47% 0% 61% 60%)
ティント · シェード · トーン
ティント
- 4A753D
- 5D8452
- 709367
- 84A27B
- 98B191
- ACC0A6
- C0D0BC
- D5DFD2
- EAEFE8
シェード
- 2E5921
- 264B1B
- 1E3D15
- 16300F
- 0F2309
- 081704
- 030C02
- 010401
- 000000
トーン
- 3F6A32
- 476C3C
- 4E6F45
- 55724D
- 5D7456
- 64775F
- 6B7967
- 727B6F
- 797E78
カラーハーモニー
補色 +180°
- 376728
Greenhouse
- 72437F
≈ Plum Jam
類似色 -30° +30°
- 376728
Greenhouse
- 5E5D00
≈ Kirchner Green
- 006950
≈ Peacock Green
トライアド +120° +240°
- 376728
Greenhouse
- 325994
≈ B’dazzled Blue
- 8B3D41
≈ Cranberry Tart
スプリットコンプリメンタリー +150° +210°
- 376728
Greenhouse
- 584D91
≈ Purple Corallite
- 843D63
≈ Midnight Aubergine
テトラード +90° +180° +270°
- 376728
Greenhouse
- 006282
≈ Harem Silk
- 72437F
≈ Plum Jam
- 884419
≈ Sis Kebab
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.70:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.13:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--greenhouse: #376728;
--greenhouse-rgb: 55 103 40;
--greenhouse-oklch: oklch(0.464 0.107 138.9);
}
.element {
color: var(--greenhouse);
background-color: hsl(106 44% 28%);
border-color: oklch(0.464 0.107 138.9);
}Tailwind CSS v4
@theme {
--color-greenhouse: #376728;
--color-greenhouse-50: #e5fde1;
--color-greenhouse-100: #d5f1d0;
--color-greenhouse-200: #bce0b5;
--color-greenhouse-300: #99c692;
--color-greenhouse-400: #7dae70;
--color-greenhouse-500: #60974f;
--color-greenhouse-600: #518044;
--color-greenhouse-700: #416636;
--color-greenhouse-800: #304b24;
--color-greenhouse-900: #213418;
--color-greenhouse-950: #101f09;
}SCSS
$greenhouse: #376728;
$greenhouse-rgb: 55, 103, 40;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}